I just added a small section about React hooks to the post. Thanks for the idea @mastrojs.bsky.social

Yes, good point. Simple refactors like moving a hook into a conditional break things.

s = second? no
s = season? yes

GitHub: github.com/pcattori/bab...

Or as @markdalgleish.com would say: They architecture astronauted

Templates and docs have been updated to include `verbatimModuleSyntax`

reactrouter.com/how-to/route...

`verbatimModuleSyntax` automatically enables `isolatedModules`, so you don't need to explicitly set that anymore

www.typescriptlang.org/tsconfig/#is...

Yea pretty sure that would also work, but adding an explicit 404 fallback route seems more idiomatic to me

Sure you can add a route whose path is just `*?` and that will be the fallback route

If its missing, the router would route you to that page since `routes.ts` says "only route `products/:id` stuff to `product.tsx`.

You'd need a separate route for `products` if you wanted to handle missing `:id`

If you wanted optional `id` param, it'd be encoded as `products/:id?` (with the `?`) in `routes.ts` OR with `products.($id)` if using flat routes