Comments (2)
I'm unable to reproduce this.
package.json
{
"name": "use-react-router_",
"version": "0.1.0",
"private": true,
"dependencies": {
"@types/jest": "24.0.13",
"@types/node": "12.0.2",
"@types/react": "16.8.18",
"@types/react-dom": "16.8.4",
"@types/react-router": "^5.0.1",
"@types/react-router-dom": "^4.3.3",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-router": "^5.0.0",
"react-router-dom": "^5.0.0",
"react-scripts": "3.0.1",
"typescript": "3.4.5",
"use-react-router": "^1.0.6"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
index.tsx
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import useReactRouter from 'use-react-router';
const App: React.FC = () => {
const route = useReactRouter();
return (
<div className="App">
<header className="App-header">
<pre style={{ textAlign: 'left' }}>{JSON.stringify(route)}</pre>
</header>
</div>
);
}
ReactDOM.render(
<BrowserRouter>
<App />
</BrowserRouter>,
document.getElementById('root')
);
I can yarn build
and yarn start
without the error you provided. Can you provide a minimal reproduction? Was it perhaps patched in @types/[email protected]
?
from use-react-router.
While I couldn't reproduce this, the patch in 1.0.7 hard-sets the router context to have RouteComponentProps<any>
, which should resolve the error in the OP.
from use-react-router.
Related Issues (19)
- Any example in the docs? HOT 4
- Subscribing to location changes might be a no-op. HOT 4
- why do we need a force update? HOT 1
- Types section is missing in package.json
- Incorrect error is thrown when react-router Provider is missing. HOT 11
- Pin peerDependency of react-router HOT 1
- does not read updated parameteres HOT 1
- Thank you! HOT 1
- Add Travis key
- Allow to use within MemoryRouter HOT 2
- useReactRouter may only be called within a <Router /> context HOT 5
- impossible to get params using typescript HOT 2
- Perhaps add to the docs official implementation? HOT 1
- Ask people to use 5.1 instead? HOT 2
- [QoL] Warn on missing react-router context HOT 6
- Provide a more informative error message for [email protected] or earlier. HOT 4
- Cannot find SourceMap 'use-force-update.js.map' HOT 1
- Failed to compile HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from use-react-router.