Broken with Next.js 12.1.4

[medihack]

I tried to use next-global-css with a freshly created Next.js 12.1.4 app (no other additional dependencies), but after starting the dev server it stucks in "compiling...".

The simple next.config.js I tried:

/** @type {import('next').NextConfig} */
const { patchWebpackConfig } = require("next-global-css");

const nextConfig = {
  reactStrictMode: true,
  webpack: (config, options) => {
    patchWebpackConfig(config, options);

    return config;
  },
};

module.exports = nextConfig;

Any idea what could be wrong?

[vasturiano]

I believe this only happens when upgrading to React 18. And in that case it occurs regardless of the Next version.

Any plans for fixes, or any workaround to make it work with React 18?

[yarastqt]

@vasturiano Actually I think this not related with 18 react, because this library just patch webpack loaders.

[yarastqt]

@medihack I was able to reproduce this behavior, but I don't know how to fix this at current time. I'm going to research 🤔

UPD. I guess I found problem and try to fix this.

[terwort]

@yarastqt Will this possibly get fixed tonight or tomorrow morning?

[yarastqt]

I made PR with fixes #15 (comment) and publish canary version next-global-css@1.3.1-canary.4af4e9c.

Anybody can check this version for own project?

[terwort]

I tested it just now and my app compiled successfully. Thank you!

[yarastqt]

Ok, I published next-global-css@1.3.1