Reactjs 上述错误发生在<；RouterImpl>；组成部分：

我在尝试从'@reach/router'插入路由时遇到一些问题 我需要知道并修复在使用以下命令webpack dev server--history api fallback运行时为什么显示下一个错误 显示为index.js:723 Uncaught TypeError的主要错误：无法读取未定义的属性“path”，我不理解。 我不太懂英语，所以如果不懂，请与我联系

import React from 'react'
import { Logo } from './components/Logo'
import { PhotoCardWithQuery } from './containers/PhotoCardWithQuery'
import { GlobalStyle } from './styles/GlobalStyles'
import { Home } from './pages/Home'
import { Router } from '@reach/router'
export const App = () => {
  const urlParams = new window.URLSearchParams(window.location.search)
  const detailId = urlParams.get('detail')
  return (
    <div>
      <GlobalStyle />
      <Logo />
      {
        detailId
          ? <PhotoCardWithQuery id={detailId} />
          : <Router> <Home path='/' /> </Router>
      }
    </div>
  )
}

  "devDependencies": {
    "@babel/core": "^7.11.4",
    "@babel/preset-env": "^7.11.0",
    "@babel/preset-react": "^7.10.4",
    "babel-loader": "^8.1.0",
    "html-webpack-plugin": "^4.3.0",
    "standard": "^14.3.4",
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
  },
  "dependencies": {
    "@reach/router": "^1.3.4",
    "apollo-boost": "^0.4.9",
    "graphql": "^15.3.0",
    "intersection-observer": "^0.11.0",
    "react": "^16.13.1",
    "react-apollo": "^3.1.5",
    "react-dom": "^16.13.1",
    "react-icons": "^3.11.0",
    "styled-components": "^5.1.1"
  }