---------------------- To change the page title from having "Refine" in it to your app name, you can use the `useDocumentTitle` hook provided by Refine. This hook allows you to set the document title for the current page dynamically. Here is how you can do it: 1. **Using `useDocumentTitle` Hook:** You can use the `useDocumentTitle` hook in any component that is a child of the `` component. This hook can take a string or an object with an `i18nKey` for translation. ```jsx import { useDocumentTitle } from "@refinedev/react-router-v6"; const PostList = () => { useDocumentTitle("Custom App Name | Posts"); return {/* ... */}; }; ``` Alternatively, you can use the hook to set the title dynamically: ```jsx import { useDocumentTitle } from "@refinedev/react-router-v6"; const PostList = () => { const setTitle = useDocumentTitle(); useEffect(() => { setTitle("Custom App Name | Posts"); }, []); return {/* ... */}; }; ``` 2. **Using `DocumentTitleHandler` Component:** If you are using the `DocumentTitleHandler` component, you can customize the title generation process by providing a custom `handler` function. Here is an example of how to use it: ```jsx const App = () => { return ( {/* ... */} `Custom App Name | ${title}`} /> ); }; ``` By using either the `useDocumentTitle` hook or customizing the `DocumentTitleHandler`, you can ensure that your app's name is reflected in the page titles instead of "Refine".

How to Change Page Title From Refine

Similar Threads

Similar Threads

Similar Threads