I'm trying to fetch something inside a webhook handler route and this happens, it's probably my directory but i really have no clue how to fix it

Code :

import { NextRequest, NextResponse } from 'next/server'

export async function POST(request) {
  const xenditXCallbackToken = 'Z9A3UpJEokuMaDXTBxF2CCv8oJcXmfN2pxVmhaQRuQqCvg9t';

  const xIncomingCallbackTokenHeader = request.headers.get('x-callback-token');

  if(xIncomingCallbackTokenHeader === xenditXCallbackToken){
    const arrRequestInput = JSON.parse(await request.text());

    const {
      id: _id,
      external_id: _externalId,
      user_id: _userId,
      status: _status,
      paid_amount: _paidAmount,
      paid_at: _paidAt,
      payment_channel: _paymentChannel,
      payment_destination: _paymentDestination
    } = arrRequestInput;

    const lunas = "LUNAS"

    try {
        const updatedBody = {
            _externalId,
            lunas,
        }
        await fetch('../../updatepaystatus', {
            method: 'PUT',
            headers: {
                "Content-Type": "application/json",
            },
            body: JSON.stringify(updatedBody)
        })
    } catch (error) {
        console.log(error)
    }

    return NextResponse.json({arrRequestInput});
  } else {
    return NextResponse.json({ message: 'Invalid token' }, { status: 403 });
  }
}

Directory : in the image