react-select icon indicating copy to clipboard operation
react-select copied to clipboard

react-select v5.8.0: `Extra attributes from the server: aria-activedescendant`

Open zhouhua opened this issue 1 year ago • 7 comments

When react-select is used in SSR, an error may occur during browser rendering: Extra attributes from the server: aria-activedescendant. This should be a hydration problem.

I think it's caused by this line of code: https://github.com/JedWatson/react-select/blob/06e34882638d1526b9f5a1238bb567a3e9460ce5/packages/react-select/src/Select.tsx#L1724

It may be written in a useEffect to avoid differences in browser and server environments.

zhouhua avatar Feb 06 '24 09:02 zhouhua

any fix for now?

mefik1337 avatar Feb 09 '24 10:02 mefik1337

any fix for now?

https://github.com/JedWatson/react-select/pull/5860

waiting for code review

zhouhua avatar Feb 15 '24 15:02 zhouhua

Same issue here. Any progress on getting #5860 reviewed and/or doing a fix that resolves this holistically without the need for consumers to set an additional prop?

Screenshot 2024-04-10 at 1 01 43 PM

codingwithchris avatar Apr 10 '24 18:04 codingwithchris

Same issue here.

hannupekka avatar May 29 '24 04:05 hannupekka

Very much reproducible and annoying.

As far as we know from #5907 our only hope is @Methuselah96 🙏

SaveliiLukash avatar Jun 03 '24 21:06 SaveliiLukash

Same issue here, that is one nasty warning for such a nested aria definition

alfonsoluis avatar Jun 13 '24 15:06 alfonsoluis

just got stung by this.

gorchov avatar Sep 16 '24 06:09 gorchov