Missing "key" in CategorizedAppLists with React

[ValGab]

Hello,

I tried to integrate Orejime into a NextJS App Router (React) project.

I have this following error in the console when the modal is oppened :
Warning: Each child in a list should have a unique "key" prop. Check the render method of `CategorizedAppList`

Is it a missing code in this package ?

Also, Orejime isn't compatible with Typescript ? I had to made my own type file.

Thanks for your help 😊

[felixgirault]

Hello,

This is indeed an error in the code 😬

However, there is a work in progress on a new major version which includes a typescript rewrite and fixes some issues like the one you mentionned.
This version will finally be available next month.

On the integration with next or other frameworks, maybe the best solution is to avoid building orejime with the rest of the app, and include it as a standalone script.
This would allow for separate caching of the resource, and would prevent any issues with rebuilding the sources. Also, react could be considered an internal implementation detail, and we may use any other technology in the future.
The only downside would be that the react code wouldn't be shared amongst the app and orejime, but the standalone version is as optimized as it can be (it uses preact).