> design-vibes@0.1.0 start > react-scripts start Browserslist: browsers data (caniuse-lite) is 6 months old. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readme (node:65192) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. (Use `node --trace-deprecation ...` to show where the warning was created) (node:65192) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. Starting the development server... Compiled successfully! You can now view design-vibes in the browser. Local: http://localhost:3000 On Your Network: http://192.168.4.142:3000 Note that the development build is not optimized. To create a production build, use npm run build. webpack compiled successfully Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 63:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 224:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 63:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 224:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 63:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 224:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 63:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 224:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 9:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 496:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 496:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 9:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 496:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 496:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 6:8: 'PlaylistCard' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 6:8: 'PlaylistCard' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 6:8: 'PlaylistCard' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 518:9: 'playlistsData' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 6:8: 'PlaylistCard' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 518:9: 'playlistsData' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Failed to compile. [eslint] src/components/ui/PlaylistCard.js Syntax error: Missing semicolon. (237:9) (237:9) WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars ERROR in ./src/components/ui/PlaylistCard.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/kavehanvaripour/Desktop/design-vibes/src/components/ui/PlaylistCard.js: Missing semicolon. (237:9) 235 | 236 | > 237 | ))} | ^ 238 | 239 | 240 | {/* See More button */} at constructor (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:363:19) at FlowParserMixin.raise (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:6609:19) at FlowParserMixin.semicolon (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:6906:10) at FlowParserMixin.parseReturnStatement (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:13062:12) at FlowParserMixin.parseStatementContent (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12716:21) at FlowParserMixin.parseStatementLike (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12685:17) at FlowParserMixin.parseStatementLike (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:2928:24) at FlowParserMixin.parseStatementListItem (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12665:17) at FlowParserMixin.parseBlockOrModuleBlockBody (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:13235:61) at FlowParserMixin.parseBlockBody (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:13228:10) at FlowParserMixin.parseBlock (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:13216:10) at FlowParserMixin.parseFunctionBody (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12035:24) at /Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:2902:63 at FlowParserMixin.forwardNoArrowParamsConversionAt (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3078:16) at FlowParserMixin.parseFunctionBody (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:2902:12) at FlowParserMixin.parseArrowExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12010:10) at FlowParserMixin.parseParenAndDistinguishExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11620:12) at FlowParserMixin.parseParenAndDistinguishExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3603:18) at FlowParserMixin.parseExprAtom (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11262:23) at FlowParserMixin.parseExprAtom (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:4776:20) at FlowParserMixin.parseExprSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11012:23) at FlowParserMixin.parseUpdate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10997:21) at FlowParserMixin.parseMaybeUnary (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10977:23) at FlowParserMixin.parseMaybeUnaryOrPrivate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10830:61) at FlowParserMixin.parseExprOps (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10835:23) at FlowParserMixin.parseMaybeConditional (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10812:23) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10765:21) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3561:18) at /Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10734:39 at FlowParserMixin.allowInAnd (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12361:12) at FlowParserMixin.parseMaybeAssignAllowIn (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10734:17) at FlowParserMixin.parseExprListItem (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12110:18) at FlowParserMixin.parseCallExpressionArguments (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11183:22) at FlowParserMixin.parseCoverCallAndAsyncArrowHead (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11117:29) at FlowParserMixin.parseSubscript (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11051:19) at FlowParserMixin.parseSubscript (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3662:18) at FlowParserMixin.parseSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11025:19) at FlowParserMixin.parseSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3628:18) at FlowParserMixin.parseExprSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11016:17) at FlowParserMixin.parseUpdate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10997:21) at FlowParserMixin.parseMaybeUnary (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10977:23) at FlowParserMixin.parseMaybeUnaryOrPrivate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10830:61) at FlowParserMixin.parseExprOps (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10835:23) at FlowParserMixin.parseMaybeConditional (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10812:23) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10765:21) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3561:18) at FlowParserMixin.parseExpressionBase (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10718:23) at /Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10714:39 at FlowParserMixin.allowInAnd (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12361:12) at FlowParserMixin.parseExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10714:17) ERROR in [eslint] src/components/ui/PlaylistCard.js Line 237:9: Parsing error: Missing semicolon. (237:9) webpack compiled with 2 errors and 1 warning Compiling... Failed to compile. [eslint] src/components/ui/PlaylistCard.js Syntax error: Missing semicolon. (239:9) (239:9) WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars ERROR in ./src/components/ui/PlaylistCard.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/kavehanvaripour/Desktop/design-vibes/src/components/ui/PlaylistCard.js: Missing semicolon. (239:9) 237 | )} 238 | > 239 | ))} | ^ 240 | 241 | 242 | {/* See More button */} at constructor (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:363:19) at FlowParserMixin.raise (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:6609:19) at FlowParserMixin.semicolon (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:6906:10) at FlowParserMixin.parseReturnStatement (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:13062:12) at FlowParserMixin.parseStatementContent (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12716:21) at FlowParserMixin.parseStatementLike (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12685:17) at FlowParserMixin.parseStatementLike (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:2928:24) at FlowParserMixin.parseStatementListItem (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12665:17) at FlowParserMixin.parseBlockOrModuleBlockBody (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:13235:61) at FlowParserMixin.parseBlockBody (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:13228:10) at FlowParserMixin.parseBlock (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:13216:10) at FlowParserMixin.parseFunctionBody (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12035:24) at /Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:2902:63 at FlowParserMixin.forwardNoArrowParamsConversionAt (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3078:16) at FlowParserMixin.parseFunctionBody (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:2902:12) at FlowParserMixin.parseArrowExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12010:10) at FlowParserMixin.parseParenAndDistinguishExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11620:12) at FlowParserMixin.parseParenAndDistinguishExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3603:18) at FlowParserMixin.parseExprAtom (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11262:23) at FlowParserMixin.parseExprAtom (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:4776:20) at FlowParserMixin.parseExprSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11012:23) at FlowParserMixin.parseUpdate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10997:21) at FlowParserMixin.parseMaybeUnary (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10977:23) at FlowParserMixin.parseMaybeUnaryOrPrivate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10830:61) at FlowParserMixin.parseExprOps (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10835:23) at FlowParserMixin.parseMaybeConditional (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10812:23) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10765:21) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3561:18) at /Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10734:39 at FlowParserMixin.allowInAnd (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12361:12) at FlowParserMixin.parseMaybeAssignAllowIn (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10734:17) at FlowParserMixin.parseExprListItem (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12110:18) at FlowParserMixin.parseCallExpressionArguments (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11183:22) at FlowParserMixin.parseCoverCallAndAsyncArrowHead (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11117:29) at FlowParserMixin.parseSubscript (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11051:19) at FlowParserMixin.parseSubscript (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3662:18) at FlowParserMixin.parseSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11025:19) at FlowParserMixin.parseSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3628:18) at FlowParserMixin.parseExprSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11016:17) at FlowParserMixin.parseUpdate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10997:21) at FlowParserMixin.parseMaybeUnary (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10977:23) at FlowParserMixin.parseMaybeUnaryOrPrivate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10830:61) at FlowParserMixin.parseExprOps (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10835:23) at FlowParserMixin.parseMaybeConditional (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10812:23) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10765:21) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3561:18) at FlowParserMixin.parseExpressionBase (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10718:23) at /Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10714:39 at FlowParserMixin.allowInAnd (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12361:12) at FlowParserMixin.parseExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10714:17) ERROR in [eslint] src/components/ui/PlaylistCard.js Line 239:9: Parsing error: Missing semicolon. (239:9) webpack compiled with 2 errors and 1 warning Compiling... Failed to compile. [eslint] src/components/ui/PlaylistCard.js Line 94:45: React Hook "useState" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hooks Search for the keywords to learn more about each error. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars ERROR in [eslint] src/components/ui/PlaylistCard.js Line 94:45: React Hook "useState" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hooks Search for the keywords to learn more about each error. webpack compiled with 1 error and 1 warning Compiling... Failed to compile. [eslint] src/components/ui/PlaylistCard.js Line 95:45: React Hook "useState" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hooks Search for the keywords to learn more about each error. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars Line 8:10: 'hoveredSongIndex' is assigned a value but never used no-unused-vars Line 8:28: 'setHoveredSongIndex' is assigned a value but never used no-unused-vars ERROR in [eslint] src/components/ui/PlaylistCard.js Line 95:45: React Hook "useState" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hooks Search for the keywords to learn more about each error. webpack compiled with 1 error and 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/PlaylistCard.js Line 2:8: 'ReactDOM' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 503:9: 'playlistScrollRef' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 503:9: 'playlistScrollRef' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 65:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 226:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars Line 847:10: 'pendingChatMessage' is assigned a value but never used no-unused-vars Line 847:30: 'setPendingChatMessage' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars Line 847:10: 'pendingChatMessage' is assigned a value but never used no-unused-vars Line 847:30: 'setPendingChatMessage' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars Line 849:10: 'pendingChatMessage' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars Line 849:10: 'pendingChatMessage' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 3:8: 'Cell' is defined but never used no-unused-vars Line 4:8: 'LargeButton' is defined but never used no-unused-vars Line 10:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 497:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 497:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 761:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 765:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 769:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 762:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 766:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 770:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 762:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 766:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 770:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 764:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 768:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 772:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 764:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 768:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 772:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 706:9: 'handlePlaySongInCreate' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 706:9: 'handlePlaySongInCreate' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Failed to compile. [eslint] src/components/ui/PlaylistCard.js Line 213:22: 'MoreHorizontalIcon' is not defined react/jsx-no-undef Search for the keywords to learn more about each error. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps src/components/ui/PlaylistCard.js Line 3:10: 'MoreVerticalIcon' is defined but never used no-unused-vars Line 4:8: 'colors' is defined but never used no-unused-vars ERROR in [eslint] src/components/ui/PlaylistCard.js Line 213:22: 'MoreHorizontalIcon' is not defined react/jsx-no-undef Search for the keywords to learn more about each error. webpack compiled with 1 error and 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps src/components/ui/PlaylistCard.js Line 7:7: 'SoundWave' is assigned a value but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps src/components/ui/PlaylistCard.js Line 7:7: 'SoundWave' is assigned a value but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps src/components/ui/PlaylistCard.js Line 7:7: 'SoundWave' is assigned a value but never used no-unused-vars Line 118:17: 'isSongPlaying' is assigned a value but never used no-unused-vars Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps src/components/ui/PlaylistCard.js Line 7:7: 'SoundWave' is assigned a value but never used no-unused-vars Line 118:17: 'isSongPlaying' is assigned a value but never used no-unused-vars webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Failed to compile. [eslint] src/components/layout/Home.js Line 1309:33: 'onPlaySongInCreate' is not defined no-undef Line 1310:34: 'currentSong' is not defined no-undef Line 1311:32: 'isPlaying' is not defined no-undef Search for the keywords to learn more about each error. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 504:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 504:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 973:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps ERROR in [eslint] src/components/layout/Home.js Line 1309:33: 'onPlaySongInCreate' is not defined no-undef Line 1310:34: 'currentSong' is not defined no-undef Line 1311:32: 'isPlaying' is not defined no-undef Search for the keywords to learn more about each error. webpack compiled with 1 error and 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 976:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 982:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 982:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 986:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 986:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 988:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 988:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 988:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 988:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 511:10: 'homeVariant' is assigned a value but never used no-unused-vars Line 511:23: 'setHomeVariant' is assigned a value but never used no-unused-vars Line 989:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 511:10: 'homeVariant' is assigned a value but never used no-unused-vars Line 511:23: 'setHomeVariant' is assigned a value but never used no-unused-vars Line 989:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Compiled with warnings. [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 989:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Home.js Line 4:8: 'Cell' is defined but never used no-unused-vars Line 5:8: 'LargeButton' is defined but never used no-unused-vars Line 17:7: 'MicIcon' is assigned a value but never used no-unused-vars Line 507:10: 'cardsPerRow' is assigned a value but never used no-unused-vars Line 507:23: 'setCardsPerRow' is assigned a value but never used no-unused-vars Line 989:5: Expected a default case default-case src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps webpack compiled with 1 warning Compiling... Failed to compile. [eslint] src/components/layout/Home.js Syntax error: Unexpected token, expected "," (1382:8) (1382:8) WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps ERROR in ./src/components/layout/Home.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/kavehanvaripour/Desktop/design-vibes/src/components/layout/Home.js: Unexpected token, expected "," (1382:8) 1380 | 1381 | > 1382 | {/* Song Sections */} | ^ 1383 |
1384 | {/* Trending on Suno Section */} 1385 |
at constructor (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:363:19) at FlowParserMixin.raise (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:6609:19) at FlowParserMixin.unexpected (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:6629:16) at FlowParserMixin.expect (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:6910:12) at FlowParserMixin.parseParenAndDistinguishExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11594:14) at FlowParserMixin.parseParenAndDistinguishExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3603:18) at FlowParserMixin.parseExprAtom (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11262:23) at FlowParserMixin.parseExprAtom (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:4776:20) at FlowParserMixin.parseExprSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11012:23) at FlowParserMixin.parseUpdate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10997:21) at FlowParserMixin.parseMaybeUnary (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10977:23) at FlowParserMixin.parseMaybeUnaryOrPrivate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10830:61) at FlowParserMixin.parseExprOpBaseRightExpr (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10917:34) at FlowParserMixin.parseExprOpRightExpr (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10912:21) at FlowParserMixin.parseExprOp (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10878:27) at FlowParserMixin.parseExprOp (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10884:21) at FlowParserMixin.parseExprOps (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10839:17) at FlowParserMixin.parseMaybeConditional (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10812:23) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10765:21) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3561:18) at FlowParserMixin.parseExpressionBase (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10718:23) at /Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10714:39 at FlowParserMixin.allowInAnd (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12361:12) at FlowParserMixin.parseExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10714:17) at FlowParserMixin.jsxParseExpressionContainer (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:4644:31) at FlowParserMixin.jsxParseElementAt (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:4723:36) at FlowParserMixin.jsxParseElementAt (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:4710:32) at FlowParserMixin.jsxParseElement (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:4761:17) at FlowParserMixin.parseExprAtom (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:4771:19) at FlowParserMixin.parseExprSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11012:23) at FlowParserMixin.parseUpdate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10997:21) at FlowParserMixin.parseMaybeUnary (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10977:23) at FlowParserMixin.parseMaybeUnaryOrPrivate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10830:61) at FlowParserMixin.parseExprOps (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10835:23) at FlowParserMixin.parseMaybeConditional (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10812:23) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10765:21) at /Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3510:39 at FlowParserMixin.tryParse (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:6918:20) at FlowParserMixin.parseMaybeAssign (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3510:18) at /Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10734:39 at FlowParserMixin.allowInAnd (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:12361:12) at FlowParserMixin.parseMaybeAssignAllowIn (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10734:17) at FlowParserMixin.parseParenAndDistinguishExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11608:28) at FlowParserMixin.parseParenAndDistinguishExpression (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:3603:18) at FlowParserMixin.parseExprAtom (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11262:23) at FlowParserMixin.parseExprAtom (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:4776:20) at FlowParserMixin.parseExprSubscripts (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:11012:23) at FlowParserMixin.parseUpdate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10997:21) at FlowParserMixin.parseMaybeUnary (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10977:23) at FlowParserMixin.parseMaybeUnaryOrPrivate (/Users/kavehanvaripour/Desktop/design-vibes/node_modules/@babel/parser/lib/index.js:10830:61) ERROR in [eslint] src/components/layout/Home.js Line 1382:8: Parsing error: Unexpected token, expected "," (1382:8) webpack compiled with 2 errors and 1 warning Compiling... Failed to compile. [eslint] src/components/layout/Home.js Syntax error: Unexpected token, expected "," (1624:8) (1624:8) WARNING in [eslint] src/App.js Line 15:8: 'CreateTray' is defined but never used no-unused-vars Line 34:10: 'sidePanelOpen' is assigned a value but never used no-unused-vars Line 35:10: 'sidePanelContext' is assigned a value but never used no-unused-vars Line 40:10: 'createSlideState' is assigned a value but never used no-unused-vars Line 44:10: 'homeToCreateData' is assigned a value but never used no-unused-vars Line 511:9: 'handleCreateSlideToggle' is assigned a value but never used no-unused-vars Line 769:9: 'handleEditPrompt' is assigned a value but never used no-unused-vars Line 773:9: 'handleCreateAgain' is assigned a value but never used no-unused-vars Line 777:9: 'handleSlideDown' is assigned a value but never used no-unused-vars src/components/forms/Chat.js Line 1:17: 'useState' is defined but never used no-unused-vars Line 66:6: React Hook React.useEffect has a missing dependency: 'handleSendMessage'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 227:9: 'workspaceId' is assigned a value but never used no-unused-vars src/components/forms/CreateForm.js Line 19:10: 'isSongDescriptionSaved' is assigned a value but never used no-unused-vars Line 21:10: 'savedDescriptions' is assigned a value but never used no-unused-vars Line 43:10: 'hasLyrics' is assigned a value but never used no-unused-vars Line 167:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 211:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 269:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 326:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 427:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 487:6: React Hook useEffect has a missing dependency: 'onModeChange'. Either include it or remove the dependency array. If 'onModeChange' changes too often, find the parent component that defines it and wrap that definition in useCallback react-hooks/exhaustive-deps Line 538:9: 'handleDescriptionChange' is assigned a value but never used no-unused-vars Line 543:9: 'handleGenreAdd' is assigned a value but never used no-unused-vars Line 550:9: 'handleGenreRemove' is assigned a value but never used no-unused-vars Line 555:9: 'handleSongDescriptionSave' is assigned a value but never used no-unused-vars Line 566:9: 'handleSavedDescriptionSelect' is assigned a value but never used no-unused-vars Line 732:9: 'handleSongDescriptionUndo' is assigned a value but never used no-unused-vars Line 738:9: 'handleSongDescriptionClear' is assigned a value but never used no-unused-vars Line 748:9: 'handleGenreToggle' is assigned a value but never used no-unused-vars Line 756:9: 'handleSimpleAudioClick' is assigned a value but never used no-unused-vars Line 760:9: 'handleSimpleLyricsClick' is assigned a value but never used no-unused-vars Line 764:9: 'handleInstrumentalToggle' is assigned a value but never used no-unused-vars src/components/layout/ChatsView.js Line 3:8: 'typography' is defined but never used no-unused-vars src/components/layout/FilterNav.js Line 2:8: 'StylesMenu' is defined but never used no-unused-vars Line 4:8: 'ToggleButton' is defined but never used no-unused-vars Line 5:8: 'SearchBar' is defined but never used no-unused-vars Line 6:10: 'SearchIcon' is defined but never used no-unused-vars Line 10:7: 'StylesIcon' is assigned a value but never used no-unused-vars Line 26:7: 'ClockIcon' is assigned a value but never used no-unused-vars Line 42:7: 'MoreIcon' is assigned a value but never used no-unused-vars Line 74:7: 'ViewListIcon' is assigned a value but never used no-unused-vars Line 90:7: 'FilterButton' is assigned a value but never used no-unused-vars Line 161:9: 'handleSearchChange' is assigned a value but never used no-unused-vars Line 167:9: 'handleSortChange' is assigned a value but never used no-unused-vars Line 187:9: 'handleStylesClick' is assigned a value but never used no-unused-vars Line 191:9: 'handleStyleToggle' is assigned a value but never used no-unused-vars Line 196:9: 'handleViewChange' is assigned a value but never used no-unused-vars Line 258:9: 'viewDropdownOptions' is assigned a value but never used no-unused-vars Line 263:9: 'filterButtons' is assigned a value but never used no-unused-vars src/components/layout/Header.js Line 17:7: 'RotatableChevron' is assigned a value but never used no-unused-vars src/components/layout/Library.js Line 6:8: 'StylesMenu' is defined but never used no-unused-vars Line 7:8: 'typography' is defined but never used no-unused-vars Line 51:10: 'showToast' is assigned a value but never used no-unused-vars Line 279:9: 'handleUndo' is assigned a value but never used no-unused-vars Line 290:9: 'handleToastDismiss' is assigned a value but never used no-unused-vars Line 2218:6: React Hook useEffect has missing dependencies: 'getLibrarySongsWithCounts' and 'sidePanelSong'. Either include them or remove the dependency array react-hooks/exhaustive-deps src/components/layout/WorkspaceHeader.js Line 2:8: 'MediumButton' is defined but never used no-unused-vars Line 5:10: 'ChevronLeftIcon' is defined but never used no-unused-vars Line 5:27: 'EditIcon' is defined but never used no-unused-vars Line 5:37: 'ShareIcon' is defined but never used no-unused-vars Line 5:48: 'ChevronDownIcon' is defined but never used no-unused-vars Line 8:7: 'AddIcon' is assigned a value but never used no-unused-vars src/components/layout/Workspaces.js Line 4:10: 'SearchIcon' is defined but never used no-unused-vars Line 7:8: 'WorkspaceList' is defined but never used no-unused-vars src/components/ui/ChatInput.js Line 4:45: 'PlayIcon' is defined but never used no-unused-vars src/components/ui/Playbar.js Line 133:10: 'mousePosition' is assigned a value but never used no-unused-vars Line 133:25: 'setMousePosition' is assigned a value but never used no-unused-vars Line 134:10: 'useMousePosition' is assigned a value but never used no-unused-vars Line 325:6: React Hook useEffect has a missing dependency: 'handleMouseMove'. Either include it or remove the dependency array react-hooks/exhaustive-deps ERROR in ./src/components/layout/Home.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/kavehanvaripour/Desktop/design-vibes/src/components/layout/Home.js: Unexpected token, expected "," (1624:8) 1622 |
1623 | > 1624 | {/* Sticky Input Bar */} | ^ 1625 | {isSticky && ( 1626 |