♻️ Use suspense for items page

[patrick91]

I've also added a very simple skeleton

CleanShot.2024-04-11.at.10.30.26.mp4

[patrick91]

@alejsdev what do you think of this?

I needed to add a new library, because you can't create error boundaries with functional components, and I thought it was better to import a new library rather than creating our own version of the component :D

https://react.dev/reference/react/Suspense#providing-a-fallback-for-server-errors-and-client-only-content

https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary

[alejsdev]

Nice, I like this approach 😄

[patrick91]

Update to only suspend the table, it looks much better 😊

CleanShot.2024-04-15.at.13.55.01.mp4

The only issue is the heading widths changing, but maybe we can live with that? (or we do set a fixed size for them) 😊

[alejsdev]

Update to only suspend the table, it looks much better 😊

CleanShot.2024-04-15.at.13.55.01.mp4
The only issue is the heading widths changing, but maybe we can live with that? (or we do set a fixed size for them) 😊

Yes, it looks nice! I think we can set a fixed size for it 🤔

[tiangolo]

Awesome, thanks! Looks great 🚀