How to use transform() asynchronously ?

[michaelandre0]

I need to run the transform() function asynchronously with Promises inside and wait for them to resolve before returning the data.

I have tried to make the transform function async but then, when the form is actually sent, no data is sent, only a blank object , so this does not work.

 // Does not work with the async keyword
  transform( async ( data ) => {
    if ( !userKey ) {
      return data;
    }

    const eName = await myAsyncFunc( data.name );
    const eDescription = await myAsyncFunc( data.description );

    return {
      ...data,
      name: eName,
      description: eDescription,
    }
  } )

If I don't make the transform function async, myAsyncFunc will return a Promise instead of the actual result of the function and I don't know what to do. I tried many things but nothing works.

Can anyone help on this ?