Initial render time doubled since updating to v3

[CutieCat2804]

Description

chakra-ui v3 causes components to take almost twice as long to render and has a large impact on our WPO values.

I am working on a quite large react project. So I went from rendering the components in like 360ms to 660ms. Several people seem to have this problem on the Discord server, which lead me to the conclusion that it is not a problem of our application.

I already tried to downgraded the versions of the emotions packages, because it was mentioned in this issue, but I did not see any difference. emotion-js/emotion#3300

Link to Reproduction

I was able to reproduce the problem with the sandbox of the ChakraUI v3 and v2 website. I did not make any changes in the ChakraUI sandboxes.

ChakraUI v3: https://codesandbox.io/p/sandbox/homepage-forked-qcfntw?from-embed=

ChakraUI v2: https://codesandbox.io/p/sandbox/xk2tfd?file=%2Fpackage.json

In this sandbox I updated the package.json to match the packages and versions I am currently using.

https://codesandbox.io/p/sandbox/homepage-forked-f3pt2m?from-embed=

Steps to reproduce

Reload the page with the react profiler extension

Chakra UI Version

Currently 3.0.1. I had the same issues with the newest version.

Browser

Google Chrome 120.0.6099.225

Additional Information

Here are the react profiler results of one of our pages.

V2	V3

Maybe I am not aware of something. Any information would be helpful. If needed I can also try to provide a more detailled sandbox of my project.

[CutieCat2804]

Sorry I opened the discussion in the wrong repository. I reopened it in chakra-ui.