Having trouble getting files from my NextJS Application

const hasValidHeader = (request: Request, env: Env) => {
    return request.headers.get('X-CF-Secret') === env.AUTH_KEY_SECRET;
  };
  
  function authorizeRequest(request: Request, env: Env, key:string) {
    switch (request.method) {
      case 'PUT':
      case 'DELETE':
        return hasValidHeader(request, env);
      case 'GET':
        return true
      default:
        return false;
    }
  }
  
  export default {
    async fetch(request:Request, env:Env) {
      const url = new URL(request.url);
      const key = url.pathname.slice(1);
  
      if (!authorizeRequest(request, env, key)) {
        return new Response('Forbidden', { status: 403 });
      }
  
      switch (request.method) {
        case 'PUT':
          await env.R2_BUCKET.put(key, request.body);
          return new Response(`Put ${key} successfully!`);
        case 'GET':
          const object = await env.R2_BUCKET.get(key);
  
          if (object === null) {
            return new Response('Object Not Found', { status: 404 });
          }
  
          const headers = new Headers();
          object.writeHttpMetadata(headers);
          headers.set('etag', object.httpEtag);
  
          return new Response(object.body, {
            headers,
          });
        case 'DELETE':
          await env.R2_BUCKET.delete(key);
          return new Response('Deleted!');
  
        default:
          return new Response('Method Not Allowed', {
            status: 405,
            headers: {
              Allow: 'PUT, GET, DELETE',
            },
          });
      }
    },
  };

// import { ratelimit, redis, setRandomKey } from "@/lib/upstash";
import { NextRequest } from "next/server";

export const config = {
  runtime: "experimental-edge",
};


export default async function handler(req: NextRequest) {
  const { image, email } = await req.json();
  if (!image) {
    return new Response("Missing image", { status: 400 });
  }
  if (req.method === "POST") {
    const key = "MyFile";
    const r2 = await (
      fetch(`https://dev_worker.alber.workers.dev/${key}`, {
        method: "PUT",
        headers: {
          "X-CF-Secret": process.env.R2_AUTH_KEY_SECRET as string,
        },
        body: Uint8Array.from(atob(image.replace(/^data[^,]+,/, "")), (v) =>
          v.charCodeAt(0),
        ),
      })
    );
    return new Response(JSON.stringify({ key }));
  } else {
    return new Response("Method Not Allowed", { status: 405 });
  }
}

import { NextRequest, NextResponse } from "next/server";
export const config = {
  runtime: "experimental-edge",
};

export default async function handler(req:NextRequest, res:NextResponse) {
  const id = req.nextUrl.searchParams.get("id") as string;
  console.log(id)
  const url = "https://dev_worker.alber.workers.dev/"+id;
  console.log(url)
  const object = 
    fetch(url, {
      method: "GET",

      //Gets the same result whether I leave the header or not
      headers: {
        "X-CF-Secret": process.env.R2_AUTH_KEY_SECRET as string,
      }
    })

  console.log("OBJECT"+ JSON.stringify(object))
  if (object) {
    return new Response(JSON.stringify(object))
  } else {
    return new Response(null, {
      status: 404,
    });
  }
}