Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

12.1.6 CSS generation regression

See original GitHub issue

Verify canary release

I verified that the issue exists in Next.js canary release

Provide environment information

    Operating System:
      Platform: darwin
      Arch: x64
      Version: Darwin Kernel Version 21.3.0: Wed Jan  5 21:37:58 PST 2022; root:xnu-8019.80.24~20/RELEASE_X86_64
    Binaries:
      Node: 16.14.0
      npm: 8.5.0
      Yarn: 1.22.10
      pnpm: N/A
    Relevant packages:
      next: 12.1.7-canary.1
      react: 18.1.0
      react-dom: 18.1.0

What browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

Describe the Bug

I’m seeing a CSS generation regression in my setup starting from 12.1.6 and persisting with current 12.1.7-canary.1.

I’m using React 18 with emotion based UI kit. I see a huge FOUC that gets resolved a moment after load, see dev lighthouse screenshots:

12.1.5 Screen Shot 2022-05-04 at 2 38 08 PM

12.1.6+ Screen Shot 2022-05-04 at 2 37 20 PM

Any idea if this is an issue with React 18 or how to mitigate? I locked my packages to 12.1.5 for now.

Expected Behavior

No FOUC like in 12.1.5

To Reproduce

use React 18
use css-in-js library like emotion or ui kit like http://mantine.dev
use next version 12.1.6 or later
Run lighthouse test or watch content jump around during load

Issue Analytics

State:
Created a year ago
Reactions:13
Comments:12 (4 by maintainers)

Top GitHub Comments

12reactions

zhulduzcommented, May 18, 2022

Version 12.1.7-canary.4 works properly for me

2reactions

huozhicommented, May 13, 2022

@srk-sharingan Could you file a new issue with your reproduction? Thanks

Top Results From Across the Web

12.1 - Logistic Regression | STAT 462

Logistic regression helps us estimate a probability of falling into a certain level of the categorical response given a set of predictors. We...

BBEdit 12.1.6 Release Notes - Bare Bones Software

Fixed a regression from the 11.6.x days in which attempting to open items from an SFTP server run by CoreFTP would fail. Fixed...

Summary of Regression Models as HTML Table

This vignette shows how to create table from regression models with tab_model() ... Due to the custom CSS, the layout of the table...

Logistic Regression - CMU Statistics

Using logistic regression to predict class probabilities is a modeling choice, just like it's a modeling choice to predict quantitative variables with linear ......

Automating CSS Regression Testing

Generating a BackstopJS configuration template. The basic configuration process is straightforward from here. To help with things, BackstopJS ...