Function renderViewTransition

packages/react-server/src/ReactFizzServer.js:2852–2896

(
  request: Request,
  task: Task,
  keyPath: KeyNode,
  props: ViewTransitionProps,
)

}

function renderViewTransition(
  request: Request,
  task: Task,
  keyPath: KeyNode,
  props: ViewTransitionProps,
) {
  const prevContext = task.formatContext;
  const prevKeyPath = task.keyPath;
  // Get the name off props or generate an auto-generated one in case we need it.
  const autoName = getViewTransitionName(
    props,
    task.treeContext,
    request.resumableState,
  );
  task.formatContext = getViewTransitionFormatContext(
    request.resumableState,
    prevContext,
    getViewTransitionClassName(props.default, props.update),
    getViewTransitionClassName(props.default, props.enter),
    getViewTransitionClassName(props.default, props.exit),
    getViewTransitionClassName(props.default, props.share),
    props.name,
    autoName,
  );
  task.keyPath = keyPath;
  if (props.name != null && props.name !== 'auto') {
    renderNodeDestructive(request, task, props.children, -1);
  } else {
    // This will be auto-assigned a name which claims a "useId" slot.
    // This component materialized an id. We treat this as its own level, with
    // a single "child" slot.
    const prevTreeContext = task.treeContext;
    const totalChildren = 1;
    const index = 0;
    // Modify the id context. Because we'll need to reset this if something
    // suspends or errors, we'll use the non-destructive render path.
    task.treeContext = pushTreeContext(prevTreeContext, totalChildren, index);
    renderNode(request, task, props.children, -1);
    // Like the other contexts, this does not need to be in a finally block
    // because renderNode takes care of unwinding the stack.
    task.treeContext = prevTreeContext;
  }
  task.formatContext = prevContext;
  task.keyPath = prevKeyPath;
}

function renderElement(
  request: Request,