I'm using #reach/router in my project. According to the documentation, useLocation hook is supported. However, when I try to import it, I keep on getting the same error Cannot import useLocation because there is no useLocation export in #reach/router. Did you mean Location?
I've tried deleting node_modules and package.json.lock and reinstalling dependencies. Any help?
Related
I am using ReactJs and I am following a video that has a different version of ReactJs. I am using React 17.0.2 and I have the following error.
Attempted import error: 'Navlink' is not exported from 'react-router-dom'.
Any idea?
The component you are trying to import is named NavLink (camelcase) and not Navlink as you specified.
https://v5.reactrouter.com/web/api/NavLink
I'm trying to use BrowserRouter and Router in my ReactJS project at CodeSandbox and there is a dependency error: Could not find dependency: 'react-router-dom' relative to '/src/App.js'
I don't know how to control these dependencies yet. Please Help!
import { BrowserRouter as Router, Route } from 'react-router-dom';
You need to add React-router-dom from Add dependency.
When you are using Codesandbox and you want to use third party package you need to add that third party package as a dependecy of your project which can be done under the Dependencies Section of the left side Explorer for that package to be available in your code so you can import that package
I m new to react, having some problems with build and uploading project.
If I upload with out adding react-router-dom it works fine, but when i upload files from build folder after importing react-router-dom, blank page appears
but there are not any errors in console. Files and codes are visible from the source tab from Developer tools.
Note: With out react-router-dom all the html renders in browser. Also I have added /folder-name/static....(for chunks and manifest)
This is the code to import react-router-dom
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
No any error messages in console.
Install both react-router and react-router-dom.
Got my answer on github page, was not aware of basename for BrowserRouter.
https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/api/BrowserRouter.md
I'm confused by issue caused by react-router-dom. It can't import matchPath function from react-router. Exception is:
./node_modules/connected-react-router/esm/selectors.js
Attempted import error: 'matchPath' is not exported from 'react-router'.
matchPath was added to react-router sometime after V3.2.1 and before V4.3.1.
Check which version you have with:
npm list react-router
If it's an older (v3) than update it with:
npm update react-router
I can't find any tutorial showing how to add React Router to an existing create-react-app. All of them show how to do it when you start a fresh create react app. How do I add it to the half finished create-react-app I'm working on?
1.install react-router-dom (v4).
import {Switch,Route,Link} from 'react-router-dom';
import BrowserHistory,
now you can use Switch Route Components to play with routing.