'HashRouter' cannot be used as a JSX component

[aslanovsergey]

I added react-router 5 into my project where i use typescript (v 3.9) but when I try to use react router i get an error:
'HashRouter' cannot be used as a JSX component. Its instance type 'HashRouter' is not a valid JSX element. The types returned by 'render()' are incompatible between these types. Type 'ReactNode' is not assignable to type 'false | Element'. Type 'string' is not assignable to type 'false | Element'.

Here is how my render method look like

  public render(): React.ReactElement<IVacationRequestsProps> {
    return (
      <div className={styles.vacationRequests}>
        <HashRouter>
          <Route path="/" exact component={VacationsRequestList}></Route>
        </HashRouter>
      </div>
    );
  }

[timdorr]

Something else is going on here, because there's no reason that bit of code should be invalid. Check how you're importing the component or your build system. This isn't an issue with React Router.

[simonv3]

This might be related to #8794