Typescript and react-router

Question

trying to get up and running with react-router on typescript. I have installed @types/react-router, but I am having an issue with an error that reads:

@types/react-router/index"' has no exported member 'hashHistory'

I have been trying different versions of router and the types. My current versions are:

react:  16.3.2
react-router: 4.2.0
@types/react-router: 4.0.23

I have looked at the typings project on github. The index.ds.ts does not show hashHistory being exported. However, there is a v3 folder, and the index.ds.ts there does.

I'm hoping that I just having found that magical mixture of versions for all involved packages.

Luke Peavey · Accepted Answer · 2018-04-19 03:33:24Z

2

In react-router 4, there are separate packages for web, native and core. You need to install react-router-dom instead of react-router (docs)

Also,

With React Router v4, one of the big changes is that there are a number of different router components. Each one will create a history object for you. The <BrowserRouter> creates a browser history, the <HashRouter> creates a hash history...

So instead of passing a history object to the Router, you can just use the HashRouter.

import { HashRouter as Router } from 'react-router-dom'

Documentation on HashRouter

answered Apr 19, 2018 at 3:33

Luke Peavey

3,88926 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Typescript and react-router

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related