diff --git a/examples/nextjs/src/app/layout.tsx b/examples/nextjs/src/app/layout.tsx
index 250566c14..3cbe9544d 100644
--- a/examples/nextjs/src/app/layout.tsx
+++ b/examples/nextjs/src/app/layout.tsx
@@ -9,7 +9,7 @@ import { MouseTrail } from "react-webgl-trails";
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 4882e715d..9bc9c0541 100644
--- a/examples/nextjs/src/app/page.tsx
+++ b/examples/nextjs/src/app/page.tsx
@@ -6,7 +6,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 7245812d2..c9319bab3 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 55f230e61..26f546c47 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 f9b4a4b1c..db10d211e 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() {
return (
diff --git a/packages/shared/src/client/header/theme-switch.tsx b/packages/shared/src/client/header/theme-switch.tsx
index 365c28afe..a1689f44a 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 (