React Router หลังอัปเดท V.5 แล้วไม่แสดงผลหน้าเว็บ

 หลังจากการอัปเดทเวอร์ชันของ React Router ไปใช้ v.5 ที่อัพในโปรเจคเป็น v.5.2.0 แล้วไม่สามารถแสดงหน้าเว็บไซต์ที่เราทำการ Redirect  ไปยังหน้าต่างๆ หลังจากการหาว่ามีปัญหาที่ส่วนไหน สุดท้ายมาเจอตัวที่มีส่วนที่ทำให้สคริปไม่สามารถทำงานได้คือ "history": "^5.0.0" หลังจากที่ได้ลง downgrade ลงเป็น 4.10.1

ปรากฎว่า ทำงานได้ปกติ 

ex :

import React from "react";

import ReactDOM from "react-dom";

import { createBrowserHistory } from "history";

import { Router, Route, Switch, Redirect } from "react-router-dom"; 

// core components

import Admin from "layouts/Admin.js";

import Front from "layouts/Front.js";

import Authen from "layouts/Authen.js";

import "assets/css/material-local.css";

const hist = createBrowserHistory();

ReactDOM.render(

   <Router history={hist}>

      <Switch>

        <Route path="/admin" component={Admin} />

        <Route path="/front" component={Front} />

        <Route path="/authen" component={Authen} />

        <Redirect from="*" to="/front" />

      </Switch>

    </Router> 

  ,

  document.getElementById("root")

);