@pigment-css compatibility problem

[rkurbatov]

That looks more like @pigment-css problem but probably somebody had similiar issues with other packages.

Here is cross-link to the @pigment-css bug: mui/pigment-css#115

And here is the link to the minimal working app: https://github.com/rkurbatov/acq-test

Once I uncomment @pigment-css css function in the _error.tsx (or any other component that uses useTranslation import)

// import { css } from '@pigment-css/react'
import { serverSideTranslations } from 'next-i18next/serverSideTranslations.js'
import { useTranslation } from 'next-i18next'

const ErrorPage = () => {
    const { t } = useTranslation('common')

    return <div>{t('App.Error')}</div>
}

export default ErrorPage

// const styles = css({
//     color: 'red'
// })

export const getServerSideProps = async (ctx) => {
    const localeProps = await serverSideTranslations(ctx.locale, ['common'])

    return {
        props: {
            ...localeProps,
        }
    }
}

I have the import problem:

EvalError: Cannot read properties of null (reading 'default') in/home/rkurbatov/WebstormProjects/acq-test/node_modules/.pnpm/i18next-fs-backend@2.3.1/node_modules/i18next-fs-backend/cjs/fs.js
| /home/rkurbatov/WebstormProjects/acq-test/node_modules/.pnpm/i18next-fs-backend@2.3.1/node_modules/i18next-fs-backend/cjs/readFile.js
| /home/rkurbatov/WebstormProjects/acq-test/node_modules/.pnpm/i18next-fs-backend@2.3.1/node_modules/i18next-fs-backend/cjs/index.js
| /home/rkurbatov/WebstormProjects/acq-test/node_modules/.pnpm/next-i18next@15.3.0_i18next@23.12.2_next@12.3.4_react-i18next@15.0.0_react@17.0.2/node_modules/next-i18next/dist/commonjs/createClient/node.js
| /home/rkurbatov/WebstormProjects/acq-test/node_modules/.pnpm/next-i18next@15.3.0_i18next@23.12.2_next@12.3.4_react-i18next@15.0.0_react@17.0.2/node_modules/next-i18next/dist/commonjs/appWithTranslation.js
| /home/rkurbatov/WebstormProjects/acq-test/node_modules/.pnpm/next-i18next@15.3.0_i18next@23.12.2_next@12.3.4_react-i18next@15.0.0_react@17.0.2/node_modules/next-i18next/dist/commonjs/index.js
| /home/rkurbatov/WebstormProjects/acq-test/pages/_error.tsx

or even hanging app if I run it again.

I use NextJS v12 just like we do on our project, but that happens on NextJS v13 (and probably v14 as well).

[adrai]

try with v15.3.1

[rkurbatov]

Problem is fixed. Thank you very much!