Typing with route groups when using +server.layout.ts and +page.ts to load data

[andrewrisse]

Hi, I have a typescript issue when using +server.layout.ts and +page.ts to load data for a page.

The directory structure looks like:

src/
├── routes/
│ ├── chat/
│ │ ├── (dashboard)/
│ │ │ ├── [[thread_id]]/
│ │ │ │ ├── +page.svelte
│ │ │ │ ├── +page.ts
│ │ │ └── +layout.svelte
│ │ ├── +layout.server.ts
│ │ └── +layout.svelte

The [[thread_id]]/+page.svelte file uses:
export let data
To access data loaded in both the +layout.server.ts file, as well as the +page.ts file. I have confirmed the data is properly fetched, and available in the component.

The issue is Typescript is inferring the 'data' variable's type, and it only has the data loaded in the +page.ts file, not the +layout.server.ts file.

How can I get the type to be correctly inferred (including both the layout and page data.

Thanks!