Как добавить загрузчик в NextJS

Question

У меня была проблема с пакетом mdbreact, потому что при добавлении некоторых компонентов, таких как кнопки и т. Д., Я получаю сообщение об ошибке: «Окно не определено». Я провел исследование и обнаружил, что объект окна определяется только на стороне клиента. Можно ли добавить Bootstrap в NextJS ???

Answer 1

На момент написания статьи существует только один «чистый» способ: использование Динамические компоненты для отключения SSR для этого компонента.

import dynamic from 'next/dynamic'
const ButtonWithNoSSR = dynamic(import('react-bootstrap/lib/Button'), {
  ssr: false
})

"Грязным" способом было бы заставить SSR реакции-начальной загрузки поддерживать насмешку над объектом окна.