Cannot use namespace 'SapperRequest' as a type

[danawoodman]

trafficstars

Describe the bug Trying to use type definitions of SapperRequest and SapperResponse but getting Cannot use namespace 'SapperRequest' as a type instead of types.

import type { SapperRequest, SapperResponse } from "@sapper/server";

export async function get(req: SapperRequest, res: SapperResponse) {
  res.json({ hello: "world" });
}

tsconfig.json:

{
  "extends": "@tsconfig/svelte/tsconfig.json",
  "compilerOptions": {
    "lib": ["DOM", "ES2017", "WebWorker"]
  },
  "include": ["src/**/*", "src/node_modules/**/*"],
  "exclude": ["node_modules/*", "__sapper__/*", "static/*"]
}

src/node_modules/@sapper/index.d.ts:

declare module '@sapper/app'
declare module '@sapper/server'
declare module '@sapper/service-worker'
declare module '@sapper/common'

declare module '@sapper/app' {
	export interface Redirect {
		statusCode: number
		location: string
	}

	export function goto(href: string, opts: { noscroll?: boolean, replaceState?: boolean }): Promise<void>;
	export function prefetch(href: string): Promise<{ redirect?: Redirect; data?: unknown }>;
	export function prefetchRoutes(pathnames: string[]): Promise<void>;
	export function start(opts: { target: Node }): Promise<void>;
	export const stores: () => unknown;
}

declare module '@sapper/server' {
	import { Handler, Req, Res } from '@sapper/internal/manifest-server';

	export type Ignore = string | RegExp | ((uri: string) => boolean) | Ignore[];

	export interface MiddlewareOptions {
		session?: (req: Req, res: Res) => unknown
		ignore?: Ignore
	}

	export function middleware(opts: MiddlewareOptions): Handler;
}

declare module '@sapper/service-worker' {
	export const timestamp: number;
	export const files: string[];
	export const assets: string[];
	export const shell: string[];
	export const routes: Array<{ pattern: RegExp }>;
}

declare module '@sapper/common' {
	export interface PreloadContext {
		fetch: (url: string, options?: any) => Promise<any>;
		error: (statusCode: number, message: Error | string) => void;
		redirect: (statusCode: number, location: string) => void;
	}

	export interface Page {
		host: string;
		path: string;
		params: Record<string, string>;
		query: Record<string, string | string[]>;
		error?: Error;
	}

	export interface Preload {
		(this: PreloadContext, page: Page, session: any): object | Promise<object>;
	}
}

Logs n/a

To Reproduce I think just start a blank Sapper repo, run Typescript setup and then create a route like above

Expected behavior Should show proper types

Stacktraces n/a

Information about your Sapper Installation:

  System:
    OS: macOS 11.2
    CPU: (8) arm64 Apple M1
    Memory: 86.23 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 15.8.0 - ~/.nvm/versions/node/v15.8.0/bin/node
    npm: 7.5.1 - ~/.nvm/versions/node/v15.8.0/bin/npm
  Browsers:
    Brave Browser: 89.1.21.73
    Chrome: 89.0.4389.82
    Safari: 14.0.3
  npmPackages:
    rollup: ^2.3.4 => 2.40.0
    sapper: ^0.28.0 => 0.28.10
    svelte: ^3.17.3 => 3.35.0

Severity Not critical, just annoying; can't use Sapper types

Additional context Add any other context about the problem here.

May relate to https://github.com/sveltejs/sapper/issues/1583#issuecomment-789645761