app router

src/components/Buttons.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Button } from "@heroui/react";
 import React, { useCallback, useEffect, useState } from "react";
 import type { ButtonProps } from "@/utils/props";

src/components/Footer.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Source } from "@/components/Source";
 import { ThemeSwitcher } from "@/components/ThemeSwitcher";
 

src/components/Selectors.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Select, SelectItem } from "@heroui/react";
 import type { SelectorProps } from "@/utils/props";
 import type { ChangeEvent } from "react";

src/components/Source.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Button } from "@heroui/button";
 import { VscGithubInverted } from "react-icons/vsc";
 

src/components/ThemeSwitcher.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Button } from "@heroui/button";
 import { useTheme } from "next-themes";
 import { VscColorMode } from "react-icons/vsc";