Event Handlers don't work when used on elements that were made from fetched data

[narrow glacier]

https://github.com/vercel/next.js/issues/47068

[void flare]

1. Don’t use use() for data fetching (yet). Use react-query/swr
2. You don’t need to add the parentheses to (components), but it’s unrelated to the issue

Re point 1: https://beta.nextjs.org/docs/data-fetching/fetching#use-in-client-components

[narrow glacier]

1. Thank you, it fixed it.
2. I use it as a way to store my component inside the app dir, and not treat it as a route

[void flare]

a route is only created if you use page.tsx/route.ts. Any other name and the route won't be created (just try it). Regardless of whether you add the parentheses or not