Hello,

I'm new to next js and I'd like to know if there is a way to type a route handler as well as a fetch request.
I've made this test

export async function GET() {
    const allTest = await db.select().from(test);
    return Response.json(allTest);
}

And the only type I can to is

export async function GET() : Promise<Response> {
    const allTest = await db.select().from(test);
    return Response.json(allTest);
}

Which isn't ideal as Response isn't generic to I can't tell it what will be contained in the response.
Pretty much the same with fetch

const allTest = await fetch(
  `http://${process.env.NEXT_PUBLIC_VERCEL_URL}/api/test`,
).then((res) => res.json())

The type of res.json is always Promise<any> do I have no other choice but to make an as like so ?

async function getTestData() {
    if (!process.env.NEXT_PUBLIC_VERCEL_URL) {
        throw new Error("NEXT_PUBLIC_VERCEL_URL is not defined");
    }

    const response = await fetch(
        `http://${process.env.NEXT_PUBLIC_VERCEL_URL}/api/all`,
    );

    if (!response.ok) {
        throw new Error(`HTTP error: ${response.status}`);
    }

    return response.json() as Promise<test[]>;
}

In order to be typed ?