Warning: Prop aria-owns did not match.

[adamklepacz]

Short description

I was trying to do use Geosuggest component within next.js app but I got this error:

Warning: Prop `aria-owns` did not match. Server: "geosuggest__list_251fcd4c58fb2" Client: "geosuggest__list_bad54fa98a27f

Expected results

I expected that by will work without throwing an errors.

Actual results

Instead of this, below error is thrown:

Additional Information

This is my component:

This is an error:

I think it is related to how next.js works, it sees probably two instances of my GEO suggest.
Even why I pass prop ID="test" it creates two separate instances on server and client.

Any ideas how to fix it in Next.js app?

@ro-ka anything on this?

[ro-ka]

Duplicate of #452.