Style does not work in ProLayout

[edikurniawan-dev]

Bug description

I'm using pro component, and i use prolayout for build my dashboard
if i use inside <prolayout> tag why the style not wrking, if i use out of <prolayout> tag style working very well

Reproduction URL

No response

Reproduction steps

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Screenshots

inside tag prolayout

outside/not using prolayout

Logs

No response

Browsers

Chrome

OS

Windows

[edikurniawan-dev]

when i inspect element

[ArtyomVancyan]

Hi @edikurniawan-dev, can you please share a link to the sandbox environment or a GitHub repository where I can reproduce and debug the issue?

[ArtyomVancyan]

Based on the provided screenshots, you have customized default Ant Design styles, which can be the cause of the issue. I have tried inside and outside of the <ProLayout> component, as you mentioned, and don't see any unexpected appearance or behavior.

[edikurniawan-dev]

I try in sandbox https://codesandbox.io/p/sandbox/pensive-mclean-wlzs3z and working perfectly like this

But i try in using laravel inertia with react in this repo https://github.com/edikurniawan-dev/laravel-antd-pro-components
the style not working

and when i try to disable <ProConfigProvider> the style working

[ArtyomVancyan]

But i try in using laravel inertia with react in this repo https://github.com/edikurniawan-dev/laravel-antd-pro-components
the style not working

This approves my assumption that the cause is not the ProLayout component. The problem may be with SSR. I cannot run the provided application, I suggest you adjust the styles in the resources/css/app.css.