When using Next.js 13 and Ant Design 5, components and pages are rendering before styles load, resulting in a jumping effect.

edit

This issue can be resolved by using CSS-in-JS libraries like styled-components or emotion, which allow the styles to be loaded synchronously with the component. This way, the component will only be rendered after the style has been loaded, eliminating the jumping effect. Additionally, you can also consider adding a preloader to your application to give the user a visual indication that the content is still loading.