using react's experimental <ViewTransition> for toasts

[stefanprobst]

has anyone managed to port the RAC toast example from the docs, which uses dom view-transitions directly, to React's experimental <ViewTransition>?

i thought i'd just have to use it as a wrapper and move the view transition style props there, but that does not seem to work:

<ToastRegion queue={queue}>
  {({ toast }) => (
    <ViewTransition className="toast" name={toast.key}>
      <Toast toast={toast}>
        <ToastContent>
          <Text slot="title">{toast.content.title}</Text>
          <Text slot="description">{toast.content.description}</Text>
        </ToastContent>
        <Button slot="close">x</Button>
      </Toast>
    </ViewTransition>
  )}
</ToastRegion>