In React how can I run a function alongside an async one?

I want to kick off an async task but then have another function run that shows some animation.

I can’t do

const = async myFunc => {
 // await asyncFunc()
 // await animateFunc()
}

as it won’t get to animateFunc until asyncFunc has resolved

I’m not sure I can wait on promises to resolve iether as animateFunc is a continuous cyclical for loop that I run

I also want to try and avoid state with useEffect as that feels more like an anti pattern. I would like to call them both onClick and then break from the for loop once the async one resolves. what are my options here?