react-router-domwebstorm
Cannot resolve symbol 'Routes' in react-router-dom v6 using WebStorm IDE
I've just installed react-router-dom v6 in WebStorm IDE and my problem is that in some of my files I can't import Routes properly
The problem seems to be that it's choosing between one of these two files:
The @types react-router-dom 5.3.3 seems to be the problem. In my main app.tsx file it's working but in any .js files it's not working.
Solution
Delete the @types/react-router-dom directory in your node_modules. Those types are for the previous version of react-router. v6 is written in TypeScript, so these superfluous and older types are misleading the IDEA. Make sure those types aren't in your package.json, as well. You'll be prompted to rebuild your package.json / node_modules folder at this point.
- Styling Navlink using Tailwind css
- How to redirect after successful login in react js
- How can I create a subrouter with React Router v6?
- I have a shopping app component that I only want to show on a particular page. Tried useLocation but the component has dynamic ids
- Routes not working properly in React using Vite (ON BUILD)
- route param comparison is undefined (react-router-dom v6)
- React router dom v6.26.1 changes url but not re-render the component
- How to use multiple Outlet
- React - redirect to login page when not authenticated
- Uncaught TypeError: Cannot read properties of null (reading "useRef")
- React Router v6 nested lazy with useRoutes hook issue
- VITE.JS SSR Not Working with react-router-dom
- Scroll to Top on Route Change Not Working
- Routing using useParams with API
- React Router — Go back using <Link>
- How can I navigate to a nested Route in React Router Dom V6
- React router v6 how to use `navigate` redirection in axios interceptor
- React + Vite always redirect route to another route
- While using defer, useLoaderData() returns the previous fetched results instead of a promise
- Value comes back 'undefined' on first component render
- Update navbar after success login or logout redirection using shared React hook
- Why is React-Router not rendering a route when I add its path to the end of the localhost:3000 URL?
- User layout which has protected route does not show on the browser. shows a blank page with navigation and side bars
- React Router useNavigate with a useEffect hook - proper way to use?
- useParams Returns Undefined values
- I have started learning to create Routes in react but i am struck with a code where various contents of home page are not in a single component
- Why props is an empty for me in StreamEdit component?
- Set default route after login to a CustomRoute?
- Using MantineProvider with React Router
- Link tag inside BrowserRouter changes only the URL, but doesn't render the component