Getting useLayoutEffect errors in SSR in Remix with the Remix Shopify App Template

[muchisx]

polaris/polaris-react/src/components/IndexTable/IndexTable.tsx

Lines 7 to 8 in a89e614

	// eslint-disable-next-line no-restricted-imports -- useIsomorphicLayoutEffect is not required for this specific usecase, because we're using useLayoutEffect only for dom manipulation. It has no purpose in server side rendered code.
	useLayoutEffect,

I checked the line here 👆🏻, Maybe better to go back to use useIsomorphicLayoutEffect being required everywhere ?

[oliversd]

Same problem here updated to last version using IndexTable with Remix.

"@shopify/polaris": "^13.0.0",

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 avoid this, useLayoutEffect should only be used in components that render exclusively on the client.
See https://reactjs.org/link/uselayouteffect-ssr for common fixes.
09:50:55 │ remix │ at IndexTableBase

[kyledurand]

cc @jesstelford it looks like it might have been you that changed from useIsomorphicLayoutEffect to useLayoutEffect here. Do you have a bit of time to investigate?

[saifulapm]

Any update on this ?

[jesstelford]

Thanks for the report folks, the error messages & prior investigation made it much easier to track down!

• Minimal reproduction showing the warning
• Appears to have been introduced by this change

[jesstelford]

I've got a fix open in #11950 👍

[jesstelford]

The fix will be shipped in the following release: #11997

[Himanshu029]

Hi @ALL team member

Same issue i'm facing after update shopify version.
Any body help me how can i resolve this issue.

Please give me solution on this mail id himanshu.jangir@ascuretech.com

[huykon]

I have same issue warning in "@shopify/polaris": "^12.0.0"

[yongyi520]

I have same issue warning in "@shopify/polaris": "^12.0.0"

I also have the same issue

[yamarkz]

I have same issue warning in "@shopify/polaris": "^12.0.0"

I also have the same issue

I also have the same issue