Maybe some day we'll have something like this

prerender.jsx

function App({ items }) {
  const [itemId, setItemId] = useState(null)
  const [startTransition, prepareTransition] = useTransition(newId => setItemId(newId), {
    timeoutMs: 1000
  })
  return (
    <Suspense fallback='Loading...'>
      {itemId === null ? (
        <ul>
          {items.map(item => (
            <li
              onMouseEnter={() => prepareTransition(item.id)}
              onClick={() => startTransition(item.id)}
              children={item.name}
            />
          ))}
        </ul>
      ) : (
        <ItemPage id={itemId} />
      )}
    </Suspense>
  )
}