Add support for multiple roots with useId

[marvinhagemeister]

• Check if updating to the latest Preact version resolves the issue

Describe the bug

There may be clashes in ids with multiple roots in the same page. This is a follow-up issue to #3772 . See: #3772 (comment)

To Reproduce

https://codesandbox.io/s/preact-useid-multiple-y0qbwq?file=/src/index.js

Expected behavior
What should have happened when following the steps above?

[fromaline]

I am interested in fixing this bug.
What is the expected behavior in this case? Unique id for each root, like in React?

[igorbrasileiro]

Do you know if we have news here? I'm interested in this because Deno Fresh islands architecture leverages multiple renders and causes this bug.

[teetotum]

I ran into this issue today.
My repro scenario

Apparently react uses a prefix that must be supplied by the caller when the app root is created to mitigate this problem. Docs: https://react.dev/reference/react/useId#specifying-a-shared-prefix-for-all-generated-ids

Which in my opinion isn't ideal but I suspect this was the only feasible option because of SSR

Could this also be a way forward for the preact API?

[Addendum]
I wrote a synopsis of the whole situation and present all workarounds that I am aware of.
So dear reader, if you are looking for a workaround you might find it there.