Delaying transition update

[randal923]

I am trying to achieve this effect here: https://asmobius.co.jp/

I have tried using trail for the color update delay. But it only starts updating when the enter transition is done, and I would like for it to start before it but there should still be a delay.

  const transitions = useTransition(items, items => items.key, {
    from: { opacity: 0 },
    enter: { opacity: 1, color: '#666666' },
    update: { color: '#FFFFFF' },
    trail: 50
  })

So I tried creating a delay for it myself:

const transitions = useTransition(items, items => items.key, {
    from: { opacity: 0 },
    enter: { opacity: 1, color: '#666666' },
    update: i => async next => {
      await sleep(1000);
      await next(color: '#FFFFFF');
    },
  })

But the result of this is that it just adds a delay to the starting of the animation and then the whole text becomes white instantly.

Also, for some reason, the last letter in the text is not updating the color to white. Here is a picture of it.