I have a ton of loading.tsx files that all render the same component. It looks something like this:

import PageIsLoading from "@/ui/page-is-loading";

export default function () {
  return <PageIsLoading />;
}

And I put this file EVERYWHERE.... Like this:
- /products/loading.tsx
- /products/[id]/loading.tsx
- /products/[id]/edit/loading.tsx

This adds up very quickly, and I'm wondering if there's a way to do this once at a higher-level route, like /products and have it apply to children routes as well, like /products/[id] and /products/[id]/edit ?

Thanks!