[BUG] Shown Warning : useLayoutEffect does nothing on the server... (When choose antd UI Framework)

[illusi03]

Describe the bug
Fresh installation with Antd , but shown Warning
useLayoutEffect does nothing on the server, because its effect cannot be encoded into the server renderer's output format. This will lead to a mismatch between the initial, non-hydrated UI and the intended UI.

To Reproduce
Steps to reproduce the behavior:

1. Fresh installation from npx superplate-cli [project_name]
2. Choose Refine With NextJs
3. Choose with antd UI Framework

Expected behavior
Not showing warning

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser Chrome
• Version 97.0.4692.99 (Official Build) (64-bit)
• Used dataProvider Strapi

Additional context
Thankyou very much

[omeraplak]

Hey @illusi03 ,
Thank you very much for contacting us. Let's see what we can do for this issue :)

[illusi03]

Thank you for response this issue @omeraplak

[omeraplak]

Hey @illusi03 ,
I found the source of this issue in Ant Design issues. I guess we have to wait a bit :)

ant-design/ant-design#30396

[omeraplak]

Hey @illusi03 ,
We've released @pankod/refine-antd@3.3.2. Could you approve this fix?
BTW, Thank you @tspvivek !

[illusi03]

Hey @illusi03 , We've released @pankod/refine-antd@3.3.2. Could you approve this fix? BTW, Thank you @tspvivek !

Thankyou verymuch mr

[duong98]

@omeraplak hello, it seems in recent versions of refine this issue pop up again, i think it may have to do with nextjs-router components import ErrorComponent which in turn use a useLayoutEffect hook. Here is the code that i think raised the warning
useLayoutEffect(() => { if (params.resource) { const resourceFromRoute = resource(params.resource);
A possible fix should be import useLayoutEffect from 'rc-utils' instead of 'react', like this merge

[omeraplak]

Hey @duong98,
Thanks so much for letting me know. Today we will deal with this issue 🎉

[omeraplak]

Hey @duong98 ,
We've released 3.14.1. Could you approve this fix?