Module augmentation without hiding the rest of the module

[fallen sinew]

Using this sample code in src/types/@angular/router/index.d.ts:

type MyRoutes = 'a' | 'b'

declare module '@angular/router' {
  export declare interface Route {
    path: MyRoutes,
    foo: string, // Just for testing
  }
}

Typescript successfully detects that Route.path should now be of type MyRoutes. However, it also hides the entire rest of the module. (in the image below, Routes and providedRoute should still be found)

How could I augment only this one interface w/o hiding the rest of the module?

Using typescript 5.3.3

[river heart]

Do you need declare module? Because without that, the interfaces would merge I think

[chrome dawn]

@fallen sinew Is src/types configured as typeRoots in TSConfig? Because I think you don't want that for declration merging.

typeRoots is for setting up equivalent folders to node_modules/@types.

If so, I would try moving that file into something that's a normal source folder.

[fallen sinew]

It's not.
I did try with configuring typeRoots but it just lead to more errors anyway ^^"

I've done declaration merging / interface augmentation in the past, but I don't remember having this issue of entire modules loosing the rest of their definitions.

[fallen sinew]

I can try, but how would I scope the interface augmentation to that specific Route interface?

[chrome dawn]

The other thing I'd try is moving type MyRoutes inside the declare module block

I know it matters if you have imports or exports outside of the declare module; I'm not sure if things like declaring aliases outside matters.