[Nextjs] cssinjs flicker in streaming mode

[infodusha]

Reproduction link

https://github.com/infodusha/antd-next-streaming-issue

Steps to reproduce

Have a streamed page with timeout, that you directly navigate, and you already rendered some styles before the streaming

What is expected?

There is no flicker

What is actually happening?

There is a flicker when page is loaded directly.

Environment	Info
antd	5.12.4
@ant-design/cssinjs	1.18.1
React	18.2.0
System	MacOS
Browser	Chrome 120

[infodusha]

Screen.Recording.2023-12-19.at.12.31.13.mov

[infodusha]

The bug was also mentioned in #45955 if anyone wants a workaround

[MadCcc]

- "@ant-design/cssinjs": "1.17.2"
+ "@ant-design/cssinjs": "^1.17.2"

DO NOT lock cssinjs version, it will cause multiple instances.

[infodusha]

@MadCcc sorry to bother you

I have updated the repo to have the same (and latest ) version of cssinjs but the bug is still there

Could you please reopen?

[infodusha]

The issue seems to be related with deduplication logic copied from getting stared guide:

// avoid duplicate css insert
if (isServerInserted.current) {
  return;
}

I would expect it to use cache to detect if anything was changed and what css should be added when streaming
Otherwise it seems to cut off streaming part, but if i will remove the logic it may result multiple style tags with same id inserted