[fix] fix dangerously error on landing

[matthieuauger]

Fix #50 based on this ReactTooltip/react-tooltip#587 (comment)

After this error, there was another server-rendering issue with react-select “Warning: Prop id did not match” that I fixed with a fixed instanceId. A better fix would be to use the useId() hook but it's only available on React 18.

import React, { useId } from 'react';

There is one remaining issue for mac devices only I think Extra attributes from the server: aria-activedescendant.
Everything seems linked to the fact that react-select does not render isomorphically.

There is an attempt to fix it specifically here, I'd suggest to wait and see if the PR get merged

[remybar]

lgtm !

I'm on macos and I confirm that I have the aria-activedescendant issue.

Thanks for your work @matthieuauger !

[mazurroman]

Warm welcome to the Walnut community and thank you for your contribution @matthieuauger ! Feel free to join our contributor telegram chat here: https://t.me/+DYI4FMia43I1NDI8

I will create a new issue to bump React to 18 and switch to useId(). We should also keep an eye on JedWatson/react-select#5859 and fix when ready so thanks for linking