Unexpected error when using OrbitProvider & `useId` prop about orbit

[ConorHaining]

Hi all, further to this: the code sandbox linked in the getting started guide errors out on load without any changes to the source (https://codesandbox.io/s/github/designkiwicom/orbit-sandbox) but the sandbox linked on the homepage works fine (https://orbit.kiwi/playground).

Presumably you've been using V9 & V10 internally without issue, are you using some sort of workaround?

[ConorHaining]

Hi all, is this recognised as a bug? Is there any plan to patch it or would you accept a PR with a potential fix?

[ConorHaining]

Hey @mainframev @mvidalgarcia, tagging because we had a very brief interaction on a previous PR. Is there recognition of this as a bug and any plans to fix it? Happy to assist if it moves things forward.

[mainframev]

@ConorHaining sorry for the late response

Hi 👋🏻

You are right, we do not have any issues right now in docs or any other FE module. I looked at it via source graph and it's used in the same way as you did in code sandbox. For now, we do not have any issues reported, so perhaps might be something with the setup in sandbox.

Try maybe something like this, it's odd, but Idk what else to suggest here 🤷🏻 This change is temporary and we will remove this, when all our modules will migrate to React v18, so if it won't fix it for you, you can stay at the latest working version for you until we will remove it

You can also try to do it in the old way, install react-uid and pass this function instead of native React.useId as documented here for v 17

import RandomIdProvider from '@kiwicom/orbit-components/lib/OrbitProvider/RandomId/Provider';

...
root.render(
  <React.StrictMode>
    <OrbitProvider
      useId={React.useId}
    >
      <RandomIdProvider useId={React.useId}>
        <App />
      </RandomIdProvider>
    </OrbitProvider>
  </React.StrictMode>,
);