useDocumentTitle

Update the document title.

Browser

API Reference

terminal

pnpm add @shak-hooks/usehooks

import.ts

import { useDocumentTitle } from "@shak-hooks/usehooks";

Source: packages/react/src/useDocumentTitle.ts

signature.ts

export function useDocumentTitle(title: string, options: UseDocumentTitleOptions = {})

Name	Type	Optional	Default
title	string	No	-
options	UseDocumentTitleOptions	Yes	{}

unknown

types.ts

1export interface UseDocumentTitleOptions {

2 restoreOnUnmount?: boolean;

use-document-title.ts

1import { useEffect } from "react";

3export function useDocumentTitle(title: string) {

4 useEffect(() => {

5 document.title = title;

6 }, [title]);

Google Ads

example.tsx

1import { useDocumentTitle } from "@shak-hooks/usehooks";

3const result = useDocumentTitle("...", undefined);

4// result: unknown

5// Use values directly (React state).