Блог

Я пытаюсь решить проблему с недопустимым вызовом соединения при использовании react-router-dom, в частности, при импорте BrowserRouter в качестве маршрутизатора, маршрутизации и его упаковки таким образом:

 import React from 'react'; import {BrowserRouter as Router, Route} from 'react-router-dom' import 'semantic-ui-css/semantic.min.css' import './App.css'  import Home from './pages/Home' import Register from './pages/Register' import Login from './pages/Login' import MenuBar from './components/MenuBar'  export default function App() {  return (  lt;Routergt;  lt;MenuBar /gt;  lt;Route path='/'gt;  lt;Home /gt;  lt;/Routegt;  lt;Route path='/login'gt;  lt;Login /gt;  lt;/Routegt;  lt;Route path='/register'gt;  lt;Register /gt;  lt;/Routegt;  lt;/Routergt;  ); }  

Выдает мне ошибку: Неверный Вызов Крючка

Мой index.js похоже на:

 import ReactDOM from 'react-dom'; import reportWebVitals from './reportWebVitals'; import ApolloProvider from './ApolloProvider'  ReactDOM.render(  ApolloProvider,  document.getElementById('root') );  // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) // or send to an analytics endpoint. reportWebVitals();  

и мой АполлоПровидер такой:

 import React from 'react' import App from './App' import ApolloClient from 'apollo-client' import {InMemoryCache} from 'apollo-cache-inmemory' import {createHttpLink} from 'apollo-link-http' import {ApolloProvider} from '@apollo/react-hooks'  const httpLink = createHttpLink({  uri: 'http://localhost:5000' })  const client = new ApolloClient({  link: httpLink,  cache: new InMemoryCache() })  export default (  lt;ApolloProvider client={client}gt;  lt;App/gt;  lt;/ApolloProvidergt; )  

Я не могу понять, почему я вижу ошибку. У меня нет никаких зацепок ни в одном из этих файлов. Любая помощь будет признательна!