redux 오류 질문드립니다!

[김철준]

index.js에서 이렇게 했는데

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from 'react-router-dom';
import store from './store.js';
import { Provider } from 'react-redux';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<Provider store={store}>
<BrowserRouter>
<App />
</BrowserRouter>
</Provider>
);

// 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. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();

페이지가 빈화면으로 나와서 콘솔창을 확인해보니까 이런 에러가 있습니다

Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. react.development.js:209

 
Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. react.development.js:209

 
Uncaught TypeError: can't access property "useMemo", dispatcher is null    useMemo React

    Provider Redux

    React 11

    workLoop scheduler.development.js:266

    flushWork scheduler.development.js:239

    performWorkUntilDeadline scheduler.development.js:533

react.development.js:1650

 
Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. react.development.js:209

 
Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. react.development.js:209

 
The above error occurred in the <Provider> component: Provider@http://localhost:3000/static/js/bundle.js:64534:7 Consider adding an error boundary to your tree to customize error handling behavior. Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries. react-dom.development.js:18687

 
Uncaught TypeError: can't access property "useMemo", dispatcher is null    useMemo React

    Provider Redux

    React 12

    workLoop scheduler.development.js:266

    flushWork scheduler.development.js:239

    performWorkUntilDeadline scheduler.development.js:533

react.development.js:1650

 
Uncaught TypeError: can't access property "useMemo", dispatcher is null    useMemo React

    Provider Redux

    React 9

    workLoop scheduler.development.js:266

    flushWork scheduler.development.js:239

    performWorkUntilDeadline scheduler.development.js:533

검색해봐도 잘 나오지 않아 질문드립니다..!

[codingapple]

useMemo 쓰는 곳이 이상한지 확인해봅시다

[글쓴이]

글