I have this sever action:

// app/actions/editWaterTypes.ts
'use server'
import { createServerActionClient} from "@supabase/auth-helpers-nextjs";
import { revalidatePath } from "next/cache";
import { cookies } from "next/headers"

export async function editWaterType(formData: FormData) {
  try {
    console.log(formData, "formData")
    const name = formData.get('name')
    const price = formData.get('price')
    const idValue = formData.get('id');
    console.log('ID value:', idValue);
    const cookieStore = cookies()
    const supabase = createServerActionClient({ cookies: () => cookieStore })
    const {data, error} = await supabase.from('water_type').update({name: name, price: price}).eq('id', idValue)
    console.log(data, "data water")
    console.log(error, "error water type")

    revalidatePath('/waterTypes')
    return { message: `You have successfully edited ${name}` }
  } catch (e) {
    return { message: 'There was an error.' }
  }
}

This works perfectly on the localhost but on Vercel it just return this:

return { message: `You have successfully edited ${name}` }

but it does not update the data