Search

[SoorajModi]

Implement search

[SoorajModi]

Tried using react-search-box, but received duplicate react error caused by this package:

(base) Soorajs-MacBook-Pro:music-dashboard soorajmodi$ npm ls react
music-dashboard@0.1.0 /Users/soorajmodi/Code/music-dashboard
├─┬ @testing-library/react@13.1.1
│ └── react@18.1.0 deduped
├─┬ connected-react-router@6.9.2
│ ├─┬ react-router@6.3.0
│ │ └── react@18.1.0 deduped
│ └── react@18.1.0 deduped invalid
├─┬ react-dom@18.1.0
│ └── react@18.1.0 deduped
├─┬ react-redux@8.0.1 invalid
│ ├── react@18.1.0 deduped
│ └─┬ use-sync-external-store@1.1.0
│   └── react@18.1.0 deduped
├─┬ react-router-dom@6.3.0
│ └── react@18.1.0 deduped
├─┬ react-scripts@5.0.1
│ └── react@18.1.0 deduped
├─┬ react-search-box@2.2.1
│ ├─┬ react-dom@17.0.2
│ │ └── react@17.0.2 deduped
│ ├── react@17.0.2
│ └─┬ styled-components@5.3.5
│   └── react@18.1.0 deduped
└── react@18.1.0

React versions 18.1.0 and 17.0.2 are conflicting. Cannot use this package in the project until issue is resolved

[SoorajModi]

DaisyUI does not contain a search component, and I really dont want to build one out from scratch, so Im going to skip this portion. I added pseudocode in src/components/Navbar/index.js if I had a finished component, including how redirection would work.