Solid-Meta on dynamic SSR routes

const getVideo = query(async (videoId) => {
  "use server";
  const response = await getVideo(videoId)
  return { video: data.video };
}, "video");

export const route = {
  preload: getVideo,
};

export default function VideoPage() {
  const params = useParams();
  const data = createAsync(() => getVideo(params.videoId), {
    deferStream: true,
  });

  return (
    <Suspense>
        {/* This works client-side only */}
        <Title>{data().video.title}</Title>
        {/* ... Rest of metadata tags below and the component code ... */}
    </Suspense>
  );
}

const getVideo = query(async (videoId) => {
  "use server";
  const response = await getVideo(videoId)
  return { video: data.video };
}, "video");

export const route = {
  preload: getVideo,
};

export default function VideoPage() {
  const params = useParams();
  const data = createAsync(() => getVideo(params.videoId), {
    deferStream: true,
  });

  return (
    <Suspense>
        {/* This works client-side only */}
        <Title>{data().video.title}</Title>
        {/* ... Rest of metadata tags below and the component code ... */}
    </Suspense>
  );
}