Fix the props situation

src/components/library.js

@@ -20,7 +20,7 @@ class LibraryComponent extends React.Component {
     }
     render () {
         let itemId = 0;
-        let gridItems = this.props.data.map(function (dataItem) {
+        let gridItems = this.props.data.map((dataItem) => {
             let id = itemId;
             itemId++;
             const scratchURL = (dataItem.md5) ? 'https://cdn.assets.scratch.mit.edu/internalapi/asset/' +

src/containers/gui.js

@@ -65,21 +65,26 @@ class GUI extends React.Component {
                 media: basePath + 'static/blocks-media/'
             }
         });
-        spriteLibraryProps = {
+        spriteSelectorProps = defaultsDeep({}, spriteSelectorProps, {
+            openNewBackdrop: () => this.openModal('backdrop-library'),
+            openNewCostume: () => this.openModal('costume-library'),
+            openNewSprite: () => this.openModal('sprite-library')
+        });
+        spriteLibraryProps = defaultsDeep({}, spriteLibraryProps, {
             mediaLibrary: this.mediaLibrary,
             onRequestClose: this.closeModal,
             visible: this.state.currentModal == 'sprite-library'
-        };
-        costumeLibraryProps = {
+        });
+        costumeLibraryProps = defaultsDeep({}, costumeLibraryProps, {
             mediaLibrary: this.mediaLibrary,
             onRequestClose: this.closeModal,
             visible: this.state.currentModal == 'costume-library'
-        };
-        backdropLibraryProps = {
+        });
+        backdropLibraryProps = defaultsDeep({}, backdropLibraryProps, {
             mediaLibrary: this.mediaLibrary,
             onRequestClose: this.closeModal,
             visible: this.state.currentModal == 'backdrop-library'
-        };
+        });
         if (this.props.children) {
             return (
                 <GUIComponent {... guiProps}>

src/containers/sprite-selector.js

@@ -25,15 +25,18 @@ class SpriteSelector extends React.Component {
     render () {
         const {
             vm, // eslint-disable-line no-unused-vars
+            openNewSprite,
+            openNewCostume,
+            openNewBackdrop,
             ...props
         } = this.props;
         return (
             <SpriteSelectorComponent
                 value={this.state.targets.editingTarget && [this.state.targets.editingTarget]}
                 onChange={this.onChange}
-                openNewSprite={this.props.openNewSprite}
-                openNewCostume={this.props.openNewCostume}
-                openNewBackdrop={this.props.openNewBackdrop}
+                openNewSprite={openNewSprite}
+                openNewCostume={openNewCostume}
+                openNewBackdrop={openNewBackdrop}
                 sprites={this.state.targets.targetList.map(target => (
                     {
                         id: target[0],