diff --git a/examples/nextjs/src/app/layout.tsx b/examples/nextjs/src/app/layout.tsx
index 685827c9..7959e4cb 100644
--- a/examples/nextjs/src/app/layout.tsx
+++ b/examples/nextjs/src/app/layout.tsx
@@ -9,7 +9,7 @@ import Link from "next/link";
const inter = Inter({ subsets: ["latin"] });
/** Root layout. */
-export default function RootLayout({ children }: { children: React.ReactNode }): JSX.Element {
+export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
diff --git a/examples/nextjs/src/app/page.tsx b/examples/nextjs/src/app/page.tsx
index 3f9acc47..f8dfb706 100644
--- a/examples/nextjs/src/app/page.tsx
+++ b/examples/nextjs/src/app/page.tsx
@@ -7,7 +7,7 @@ export const metadata = {
};
/** next.js landing page */
-export default function Page(): JSX.Element {
+export default function Page() {
return (
diff --git a/examples/remix/app/root.tsx b/examples/remix/app/root.tsx
index 17b33bf4..113096cb 100644
--- a/examples/remix/app/root.tsx
+++ b/examples/remix/app/root.tsx
@@ -19,7 +19,7 @@ export const meta: MetaFunction = () => [
export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }];
/** Remix app root */
-export default function App(): JSX.Element {
+export default function App() {
return (
diff --git a/examples/remix/app/routes/_index.tsx b/examples/remix/app/routes/_index.tsx
index 55f230e6..26f546c4 100644
--- a/examples/remix/app/routes/_index.tsx
+++ b/examples/remix/app/routes/_index.tsx
@@ -2,7 +2,7 @@ import { Demo } from "@repo/shared";
import { LandingPage } from "@repo/shared/dist/server";
/** Remix App */
-export default function Index(): JSX.Element {
+export default function Index() {
return (
diff --git a/examples/vite/src/app/index.tsx b/examples/vite/src/app/index.tsx
index 623f5688..6592e66d 100644
--- a/examples/vite/src/app/index.tsx
+++ b/examples/vite/src/app/index.tsx
@@ -7,7 +7,7 @@ import { Core } from "nextjs-darkmode";
import { Demo, Header } from "@repo/shared";
/** Vite App */
-function App(): JSX.Element {
+function App() {
const { setLoading } = useLoader();
const handleClick = useCallback(() => setLoading(true), []);
return (
diff --git a/packages/shared/src/client/header/theme-switch.tsx b/packages/shared/src/client/header/theme-switch.tsx
index 365c28af..a1689f44 100644
--- a/packages/shared/src/client/header/theme-switch.tsx
+++ b/packages/shared/src/client/header/theme-switch.tsx
@@ -5,7 +5,7 @@ import { Switch } from "nextjs-darkmode/switch";
import styles from "./header.module.scss";
/** This is a wrapper around `nextjs-darkmode's ColorSwitch component to improve mobile view. */
-export default function ThemeSwitch(): JSX.Element {
+export default function ThemeSwitch() {
const { mode } = useMode();
return (