1
const title = `Color: ${currentColor}`;
2

3
useEffect(() => {
4
  // save homepage title
5
  const pageTitle = document.title;
6

7
  // set currentColor page title
8
  document.title = title;
9

10
  return () => {
11
    // set homepage title
12
    document.title = pageTitle;
13
  };
14
},[title]);

1
"use client";
2

3
import type { ComponentPropsWithoutRef } from "react";
4
import { useRouter } from "next/navigation";
5
import Link from "next/link";
6

7
interface Props extends Omit<ComponentPropsWithoutRef<"a">, "href" | "modal"> {
8
  href: string;
9
  modal: boolean;
10
}
11

12
export default function Porter({ href, modal, children, ...props }: Props) {
13
  const router = useRouter();
14
  return (
15
    <Link
16
      href={href}
17
      prefetch={false}
18
      replace={true}
19
      scroll={false}
20
      onClick={(e) => {
21
        if (!modal) {
22
          e.preventDefault();
23
          router.push(href);
24
        }
25
      }}
26
      {...props}
27
    >
28
      {children}
29
    </Link>
30
  );
31
}

1
export default function CatchAll() {
2
  return null
3
}