How add type to body of the route handler request ?

Question

I tried this interface ExtendedRequest extends Request {
    body: {
      email: string;
      password: string;
    };
  } but  im getting this "The 'ExtendedRequest' interface incorrectly extends the 'Request' interface.  The types of the 'body' property are incompatible.    Type '{ email: string; password: string; }' does not have the following properties of type 'ReadableStream<Uint8Array>': locked, cancel, getReader, pipeThrough and 2 others.ts(2430)"

fuma · Answer

How do you read the body? Normally you can add types to the parsed JSON body.

const body = await req.json() as Types;

You can combine it with validators like [zod](https://zod.dev), to make sure the request body is valid:

const body = mySchema.parse(await req.json())

By default, req.body is a readable stream (not a JSON object)

How add type to body of the route handler request ?

2 Replies