React: TypeError: Cannot read property 'prototype' of undefined

Question

I am using react components and react-router-dom's Route, however importing {Route} from react-router-dom fails with error: -

TypeError: Cannot read property 'prototype' of undefined 

Here is the line which trigger the error as shown by react error default page.

import React, { Component } from 'react'
import { Route } from 'react-router-dom'

class Main extends Component {
    render() {
        return (
            <Route exact path="/" render={() => (
                <div>
                    <h1>Home Page</h1>
                </div>
            )
            } />
        )
    }
}

Answer 1

Use your Route within Router.

So, import the router:

import { BrowserRouter as Router, Route} from 'react-router-dom'

And add that to your class:

class Main extends Component {
    render() {
        return (
        <Router>
            <Route exact path="/" render={() => (
                <div>
                    <h1>Home Page</h1>
                </div>
            )
            } />
        </Router>
        )
    }
}