Feedback on HTML Title Configuration with TanStack Router in rsbuild

[sagardwivedi]

I'm currently working on a project using TanStack Router and rsbuild, and I've set up dynamic HTML titles based on entry names. Here’s a snippet of my configuration:

import { defineConfig } from "@rsbuild/core";
import { pluginReact } from "@rsbuild/plugin-react";
import { TanStackRouterRspack } from "@tanstack/router-plugin/rspack";

// Define title mapping
const titles = {
  home: 'Home Page',
  profile: 'User Profile',
  recipes: 'Recipes List',
  foo: 'Foo Page',
  bar: 'Bar Page',
};

export default defineConfig({
  plugins: [pluginReact()],
  tools: {
    rspack: {
      plugins: [TanStackRouterRspack({ disableManifestGeneration: true })],
    },
  },
  html: {
    title: ({ entryName, value = "YumBook" }) => {
      return titles[entryName] || value; // Fallback to default title
    },
  },
});

Questions:

1. Am I implementing the dynamic title functionality correctly with the given configuration because the title is not changing?
2. Are there any best practices or improvements you would recommend?
3. Is there anything else I should consider when managing titles in a React application with routing?

Thanks in advance for your feedback!