Edge functions cors problem

import { serve } from "https://deno.land/std@0.131.0/http/server.ts";

export const corsHeaders = {
  "Access-Control-Allow-Origin": "http://localhost:5173", // even with * I have the problem
  "Access-Control-Allow-Headers": "*",
  "Access-Control-Allow-Methods": "*",
};

serve(async (req) => {
  if (req.method === "OPTIONS") {
    return new Response("ok", { headers: corsHeaders });
  }

  const { name } = await req.json();
  const data = {
    message: `Hello ${name}!`,
  };

  return new Response(JSON.stringify(data), {
    headers: { "Content-Type": "application/json" },
  });
});

 const data = await supabase.functions.invoke('hello-world', {
  headers: {
    'Access-Control-Allow-Origin': 'http://localhost:54321', // here I'm adding the header so it should be present on the request? 
  },
})