Сайт Gatsby ломается после установки плагинов

Question

Я столкнулся с проблемой при установке плагинов gatsby.

Моя установка:

npm install -g gatsby-cli
gatsby new my-app
gatsby develop

Когда я пытаюсь установить плагин из библиотеки Gatsby, я получаю это сообщение об ошибке после установки плагина:

Ошибка: неверный вызов ловушки. Хуки могут быть вызваны только внутри функционального компонента. Это могло произойти по одной из следующих причин:

1. У вас могут быть несовпадающие версии React и средства визуализации (например, React DOM)
2. Вы можете нарушить правила ловушек
3. У вас может быть более одной копии React в одном приложении. См. Fb.me/react-invalid-hook-call для получения советов о том, как отладить ug и решить эту проблему.

Что-то не так с моим деревом депов?

├─┬ gatsby@2.23.10
│ └─┬ gatsby-cli@2.12.50
│   └── react@16.13.1  deduped
└── react@16.13.1 

Answer 1

Согласно приведенным выше комментариям решение было:

Удаление node_modules а также .cache папка, переустановив зависимости через npm install а также gatsby develop.