Нет `styled-jsx` в `_document`

Запрещено использование styled-jsx в pages/_document.js.

Почему произошла эта ошибка

Пользовательский CSS, например, styled-jsx, не разрешён в Пользовательском документе.

Возможные способы исправить

Если вам нужна общая CSS-стилизация для всех страниц, ознакомьтесь с файлом Пользовательского App или определите пользовательский макет.

Например, рассмотрите следующий стилизованный файл под названием styles.css:

body {
  font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica',
    'Arial', sans-serif;
  padding: 20px 20px 60px;
  max-width: 680px;
  margin: 0 auto;
}

Создайте файл pages/_app.{js,tsx}, если он ещё не существует. Затем импортируйте файл styles.css.

import '../styles.css'
 
// This default export is required in a new `pages/_app.js` file.
export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

Эти стили (styles.css) будут применяться ко всем страницам и компонентам вашего приложения.

Полезные ссылки

• Ограничения Пользовательского документа
• Макеты
• Встроенная поддержка CSS
• Пользовательский App