Next.js "jsxImportSource": "@emotion/react" ⇐ Javascript

[Anonymous]

Добавление "jsxImportSource": "@emotion/react" в tsconfig приводит к ошибке.

Код: Выделить всё

import { Provider } from "@/app/provider";

export default function Layout({ children }: { children: React.ReactNode }) {
return (



{children}



);
}

"jsxImportSource": "@emotion/react"
если я добавлю это и укажу «использовать клиент», ошибка будет устранена. Мне интересно, почему.
"jsxImportSource": "@emotion/react"
Мне хотелось бы знать, какую роль это играет и почему возникает ошибка, если я добавляю это.
Для справки: ошибка

TypeError: createContext работает только в клиентских компонентах. Чтобы использовать его, добавьте директиву use
client в верхней части файла.


Подробнее здесь: https://stackoverflow.com/questions/793 ... tion-react