wasp icon indicating copy to clipboard operation
wasp copied to clipboard

Awaiting an action in the client setup function prevents render

Open sodic opened this issue 1 year ago • 3 comments

Steps to reproduce:

  1. Go to waspc/todoApp/src/clientSetup.js.
  2. Make the function async and await an action inside (e.g., testingAction)
  3. Run wasp start, load localhost:3000 and see the blank white screen.

Code confirmed to cause the behavior:

import { testingAction } from 'wasp/client/operations'
import { sayHi } from './util'

export default async function setup() {
  console.log('This was called from the client setup function')
  await testingAction()
  sayHi()
}

sodic avatar Jun 12 '24 16:06 sodic

@sodic why would this be a bug? It sounds to me like it is expected behaviour -> you put await in setup function for a client, of course rendering it postponed.

Here is from our docs about this function:

setupFn declares a Typescript function that Wasp executes on the client before everything else. It is expected to be asynchronous, and Wasp will await its completion before rendering the page. The function takes no arguments, and its return value is ignored.

You can use this function to perform any custom setup (e.g., setting up client-side periodic jobs).

So I would say this is expected, documented and desired behaviour! If you want to not wait for that action, you can just not await it.

Martinsos avatar Jun 12 '24 16:06 Martinsos

@Martinsos The rendering isn't postponed, it never happens.

sodic avatar Jun 12 '24 17:06 sodic

@Martinsos The rendering isn't postponed, it never happens.

Whoops! Ok, that is really weird!

Martinsos avatar Jun 12 '24 17:06 Martinsos