Как избавиться от дублированного react`а? ( Invalid hook call )
При использований библиотек (я пробовал styledcomponents и react-router) в react приложений появляется ошибка:
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:
- You might have mismatching versions of React and the renderer (such as React DOM)
- You might be breaking the Rules of Hooks
- 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 или что то типа того, так как проделав данный пункт:
// Добавьте это в файл node_modules/react-dom/index.js
window.React1 = require('react');
//Добавьте это в ваш файл с компонентом
require('react-dom');
window.React2 = require('react');
console.log(window.React1 === window.React2);
//Если код выше выводит false, то у вас может быть две версии React, а значит требуется выяснить, как это произошло
У меня вышло false, решения данной проблемы я так и не нашёл, может кто встречался с такой проблемой и поможет решить?