react-router's <Router> history prop expect properties missing from history's BrowserHistory

I’m running into a problem using react-routers low level <Router> component with history’s BrowserHistory. The history prop for <Router> is expected to be a RouterHistory which includes canGo, entries and index not present in BrowserHistory.

import { Router } from "react-router-dom"
import createBrowserHistory from "history/createBrowserHistory"

const history = createBrowserHistory()
const Provider = ({ children }) =>  <Router history={history}>{children}</Router>

This yields the following:

Cannot create Router element because:
 • property canGo is missing in BrowserHistory [1] but exists in RouterHistory [2] in property history.
 • property entries is missing in BrowserHistory [1] but exists in RouterHistory [2] in property history.
 • property index is missing in BrowserHistory [1] but exists in RouterHistory [2] in property history.
 • string [3] is incompatible with undefined [4] in property key of the first argument of the first argument of
   property history.block.
 • string [5] is incompatible with undefined [6] in property state of the first argument of the first argument of
   property history.block.
 • string [7] is incompatible with boolean [8] in the return value of the first argument of property history.block.
 • string [3] is incompatible with undefined [4] in property history.location.key.
 • string [5] is incompatible with undefined [6] in property history.location.state.
 • string [9] is incompatible with LocationShape [10] in the first argument of property history.push.
 • string [11] is incompatible with LocationShape [12] in the first argument of property history.replace.
 • array type [13] is incompatible with undefined [14] in the second argument of property history.replace.

          flow-typed/npm/history_v4.x.x.js
      [5]  14│     state: string,
      [3]  15│     key: string,
             :
 [11][13]  23│     replace: (path: string, Array<mixed>) => void,
             :
      [7]  29│     block: ((location: BrowserLocation, action: Action) => string) => Unblock,
      [9]  30│     push: (path: string) => void,
             :
      [1]  42│   declare export default (opts?: HistoryOpts) => BrowserHistory;

          flow-typed/npm/react-router-dom_v4.x.x.js
      [6]  44│     state?: any,
      [4]  45│     key?: string
             :
     [10]  64│     push(path: string | LocationShape, state?: any): void,
 [12][14]  65│     replace(path: string | LocationShape, state?: any): void,
             :
      [8]  71│       callback: (location: Location, action: HistoryAction) => boolean
             :
      [2] 116│     history: RouterHistory,

[Ashoat]

I just put up #3110, which should at least make this work without erroring:

<Router history={history.getHistoryObject()}>
  ...
</Router>

[darata]

Would something like this fix? At the top of the file import from history module

import type {
  BrowserHistory,
  HashHistory,
  MemoryHistory
} from 'history'

Then to declare the RouterHistory Type:

declare export type RouterHistory = BrowserHistory | HashHistory | MemoryHistory