Реактотрон не работает с Next JS из-за SSR

Question

Я настраиваю избыточное хранилище для своего приложения Next JS и обычно использую библиотеку Reactotron для проверки хранилища. Но, Next JS - это рендеринг на стороне сервера, и если я импортирую конфигурацию в файл приложения, он выдает ошибку window is not defined

Это мой файл конфигурации: https://github.com/LauraBeatris/amazon-next/blob/develop/src/config/ReactotronConfig.js

И файл моего приложения: https://github.com/LauraBeatris/amazon-next/blob/develop/src/pages/_app.js

Я хочу знать, есть ли способ использования Reactotron с Next JS

Answer 1

В Next JS вы можете динамически импортировать модуль только на стороне клиента. Вы должны импортировать его как this :

import dynamic from "next/dynamic"

const DynamicComponentWithNoSSR = dynamic(
  () =>  import '~/config/ReactotronConfig',
  { ssr: false }
)

Но я не уверен, что Reactotron будет работать так, как вы ожидаете, так как я не знаю библиотеку.