Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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:

Fresh installation from npx superplate-cli [project_name]
Choose Refine With NextJs
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

Issue Analytics

State:
Created 2 years ago
Comments:8 (5 by maintainers)

Top GitHub Comments

1reaction

omeraplakcommented, Feb 23, 2022

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

1reaction

omeraplakcommented, Jan 31, 2022

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

Top Results From Across the Web

[BUG] Shown Warning : useLayoutEffect does nothing on the server ...

Describe the bug Fresh installation with Antd , but shown Warning useLayoutEffect does nothing on the server, because its effect cannot be encoded...

How to fix the "Warning: useLayoutEffect does nothing on the ...

js test file is a way to suppress the jest warning. Ultimately, this looks to be an issue with Material-UI components having issues...

useLayoutEffect does nothing on the server"?-Reactjs

to my frontend/src/setupTests.js test file is a way to suppress the jest warning. Ultimately, this looks to be an issue with Material-UI components...

React useLayoutEffect vs. useEffect with examples

In this tutorial, I'll describe the differences between useEffect and useLayoutEffect with concrete examples that'll help you cement your ...

next js react hydration error - You.com | The Search Engine You ...

Call the component anywhere in your application. You will see an "Error: Hydration failed because the initial UI does not match what was...