Setting maxDuration in server action gives an error

Answered

Transvaal lion posted this in #help-forum

Open in Discord

Transvaal lionOP

2024-01-04T05:13:11.000Z

I'm following this guide and am trying to set the maxDuration in a server action: https://vercel.com/docs/functions/configuring-functions/duration

I keep getting this stupid error though: Ã— Only async functions are allowed to be exported in a "use server" file.

Answered by Ray

try set it on the route segment that executes the action

View full answer

98 Replies

@Transvaal lion I'm following this guide and am trying to set the maxDuration in a server action: https://vercel.com/docs/functions/configuring-functions/duration I keep getting this stupid error though: ` Ã— Only async functions are allowed to be exported in a "use server" file.`

2024-01-04T05:23:58.000Z

try set it on the route segment that executes the action

Answer

@Ray try set it on the route segment that executes the action

Transvaal lionOP

2024-01-04T06:48:47.000Z

i dont think it's workign

im in a bit of a pickle rn

im using server actions for my backend and one of the functions usually takes like 20-40s

it's working locally but not on prod (im using vercel)

nothing is shown in logs because i think server actions dont show up there so i have no idea whats happening

im pretty sure it's exceeding the max execution time though

import Input from "../components/lego-form";

export const maxDuration = 120;

export default function Home() {
  return <Input value="" />;
}

this is what i have lol

@Transvaal lion ts import Input from "../components/lego-form"; export const maxDuration = 120; export default function Home() { return <Input value="" />; }

2024-01-04T06:50:52.000Z

have you checked the duration on that function? is it being changed?

Transvaal lionOP

2024-01-04T06:51:20.000Z

how do i check

@Transvaal lion how do i check

2024-01-04T06:51:41.000Z

project > log

Transvaal lionOP

2024-01-04T06:52:05.000Z

i dont see any server actions

2024-01-04T06:52:09.000Z

click the log for the page

Transvaal lionOP

2024-01-04T06:52:11.000Z

only serverless routes

ok

2024-01-04T06:52:18.000Z

yes click the route

and check the value of execution duration /lmit

Transvaal lionOP

2024-01-04T06:53:27.000Z

yeah it's 120

so it must be something else then i guess

2024-01-04T06:53:58.000Z

your action still got timeout?

have you tried this?

@Ray your action still got timeout?

Transvaal lionOP

2024-01-04T06:56:27.000Z

idk

like how am i supposed to know

@Transvaal lion like how am i supposed to know

2024-01-04T06:57:10.000Z

test it? lol

Transvaal lionOP

2024-01-04T06:57:11.000Z

myh function is called generate

but i dont see it in th elogs

it's in production though like

i can't see anything going on

wtf is hte point of server actions if you cant se elogs

should i just use like api routes

2024-01-04T06:58:11.000Z

the server action should make the POST request to the route, so as long as you have max duration on that route, it should be fine

Transvaal lionOP

2024-01-04T06:58:13.000Z

i have one api route which i can see

ok lemme see

ok thanks

i see it now

man why is all this stuff so hard to understand like i can barely find any info about this

ic im getting a 303 status code

2024-01-04T07:01:12.000Z

303 mean you doing redirect there

Transvaal lionOP

2024-01-04T07:01:19.000Z

yeah

2024-01-04T07:01:20.000Z

right?

Transvaal lionOP

2024-01-04T07:01:23.000Z

yeah

2024-01-04T07:01:23.000Z

yeah

Transvaal lionOP

2024-01-04T07:01:28.000Z

this all works locally though

im gonna shoot myself soon

2024-01-04T07:02:01.000Z

does everything work on prod?

Transvaal lionOP

2024-01-04T07:02:27.000Z

https://imaginelego.com/

here is the website

the only thing that doesnt work is the image generation

export async function generateLegoSet(formData: FormData) {
  const userPrompt = (formData.get("prompt") as string) ?? "";
  if (!userPrompt) return;

  const legoSet = await prisma.legoSet.create({
    data: {
      userPrompt: userPrompt,
    },
  });

  proccessImage(legoSet);
  redirect(`/l/${legoSet.id}`);
}

async function proccessImage(legoSet: LegoSet) {
  try {
    noStore();
    const prompt = await generateLegoBoxPrompt(legoSet.userPrompt);

    const image = await openai.images.generate({
      model: "dall-e-3",
      prompt: prompt!,
      style: "vivid",
    });
    const dalleImageUrl = image.data[0].url;
    const uploadedImage = (await utapi.uploadFilesFromUrl([dalleImageUrl!]))[0]
      .data!;

    await prisma.legoSet.update({
      where: { id: legoSet.id },
      data: {
        gptPrompt: prompt,
        imageUrl: uploadedImage.url,
      },
    });
    console.log(uploadedImage);
  } catch (error) {
    console.error(error);
    return { message: "An error occurred, please try again." };
  }
}

the code fails somewhere in processImage on production

it infinitely loads in production but generates the image locally

2024-01-04T07:04:54.000Z

any error from the log?

Transvaal lionOP

2024-01-04T07:05:42.000Z

nope

seems like the prompt generation is working

so i assume it fails at uploading the image or updating the database

2024-01-04T07:07:10.000Z

oh I think because you didn't await proccessImage there and it got timeout somewhere

@Ray have you tried this?

2024-01-04T07:07:27.000Z

try this maybe

@Ray have you tried this?

Transvaal lionOP

2024-01-04T07:08:10.000Z

this is a server action though

will it work?

2024-01-04T07:08:29.000Z

not sure but worth a try

@Ray oh I think because you didn't await `proccessImage` there and it got timeout somewhere

Transvaal lionOP

2024-01-04T07:08:32.000Z

i cant await it though, idk if you remember but you helped me with this, i wanted to redirect even while it's loading

ok i will try

2024-01-04T07:08:42.000Z

yeah I know

@Ray oh I think because you didn't await `proccessImage` there and it got timeout somewhere

Transvaal lionOP

2024-01-04T07:13:34.000Z

this works

2024-01-04T07:14:18.000Z

nice

Transvaal lionOP

2024-01-04T07:15:24.000Z

i still see 303 errors in the logs but i think it's ifne

@Ray have you tried this?

Transvaal lionOP

2024-01-04T07:15:34.000Z

gonna try this now and remove the await maybe

2024-01-04T07:15:38.000Z

yes because you redirect there

Transvaal lionOP

2024-01-04T07:20:04.000Z

yeah it's not working

Error: The pattern "server/*.ts" defined in functions doesn't match any Serverless Functions.

i tried multiple patterns too

{
  "functions": {
    "server/*.ts": {
      "maxDuration": 120
    }
  }
}

2024-01-04T07:20:59.000Z

where is proccessImage defined?

@Transvaal lion ts export async function generateLegoSet(formData: FormData) { const userPrompt = (formData.get("prompt") as string) ?? ""; if (!userPrompt) return; const legoSet = await prisma.legoSet.create({ data: { userPrompt: userPrompt, }, }); proccessImage(legoSet); redirect(`/l/${legoSet.id}`); } async function proccessImage(legoSet: LegoSet) { try { noStore(); const prompt = await generateLegoBoxPrompt(legoSet.userPrompt); const image = await openai.images.generate({ model: "dall-e-3", prompt: prompt!, style: "vivid", }); const dalleImageUrl = image.data[0].url; const uploadedImage = (await utapi.uploadFilesFromUrl([dalleImageUrl!]))[0] .data!; await prisma.legoSet.update({ where: { id: legoSet.id }, data: { gptPrompt: prompt, imageUrl: uploadedImage.url, }, }); console.log(uploadedImage); } catch (error) { console.error(error); return { message: "An error occurred, please try again." }; } }

Transvaal lionOP

2024-01-04T07:22:53.000Z

here

generate.ts

in the server folder

2024-01-04T07:25:31.000Z

maybe try turning proccessImage to route handler and set maxDuration there

Transvaal lionOP

2024-01-04T07:25:40.000Z

ok

so server actions

are usually used for smaller tasks?

im tryna wrap my head around all this nextjs serverless shit lol

2024-01-04T07:26:09.000Z

and do this

export async function generateLegoSet(formData: FormData) {
  const userPrompt = (formData.get("prompt") as string) ?? "";
  if (!userPrompt) return;

  const legoSet = await prisma.legoSet.create({
    data: {
      userPrompt: userPrompt,
    },
  });

  fetch('/api/proccess/image', {});
  redirect(`/l/${legoSet.id}`);
}

@Transvaal lion so server actions

2024-01-04T07:26:59.000Z

no, since you are not awaiting the action, and we are not able to set the max duration for it and that action got timeout somewhere

you might want to do some verification in '/api/proccess/image'

Transvaal lionOP

2024-01-04T07:28:17.000Z

ok

thanks

when do you recommend using routes vs actions then

2024-01-04T07:28:57.000Z

I use server action for most of time

only use route handler for image/file response

Transvaal lionOP

2024-01-04T07:29:14.000Z

ah okay

@Transvaal lion ah okay

2024-01-04T07:39:39.000Z

let me know when it worksðŸ˜†

Transvaal lionOP

2024-01-04T07:39:53.000Z

alr ðŸ‘

thank you

@Ray let me know when it worksðŸ˜†

Transvaal lionOP

2024-01-04T22:06:50.000Z

IT WORKS

THNAK OYU

@Transvaal lion IT WORKS

2024-01-05T02:06:21.000Z

nice