I’m working on a Next.js 15 project (using App Router) with React 19.
My pages use React Query for data fetching, so it’s all client-side rendered (CSR).

I want to make the page title dynamic based on fetched data. In React 19, there’s a new <Title> component that can be used like this:

import { Title } from 'react-head';

function Page() {
  const { data } = useQuery(...); // e.g. fetch university detail

  return (
    <>
      <Title>{data?.name ?? 'Loading...'}</Title>
      <div>{data?.description}</div>
    </>
  );
}

Locally in my browser, the tab title updates correctly when data is loaded.

My main question
👉 Will this dynamic <Title> actually help with SEO?
Especially since:

This is purely CSR.

Googlebot needs to execute JavaScript to see the final title.

Is there any actual SEO benefit, or would Google see the initial empty HTML title until JS loads?