fix: missing JSX namespace

mayank1513 · mayank1513 · commit 1f17c67ff8c9 · 2024-12-09T09:56:20.000+05:30
diff --git a/examples/nextjs/src/app/layout.tsx b/examples/nextjs/src/app/layout.tsx
@@ -10,7 +10,7 @@ import { MouseTrail } from "react-mouse-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 (
     <html lang="en" suppressHydrationWarning>
       <body className={inter.className}>
diff --git 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 (
     <LandingPage title="Next.js Example">
       <Demo />
diff --git a/examples/vite/src/app/index.tsx b/examples/vite/src/app/index.tsx
@@ -8,7 +8,7 @@ import { Demo, Header } from "@repo/shared";
 import { MouseTrail } from "react-mouse-trails";
 
 /** Vite App */
-function App(): JSX.Element {
+function App() {
   const { setLoading } = useLoader();
   const handleClick = useCallback(() => setLoading(true), []);
   return (
diff --git a/lib/src/client/mouse-trail/mouse-trail.tsx b/lib/src/client/mouse-trail/mouse-trail.tsx
@@ -14,7 +14,7 @@ export interface MouseTrailProps extends HTMLProps<HTMLCanvasElement> {
  * <MouseTrail />
  * ```
  */
-export const MouseTrail = ({ rgb, ...props }: MouseTrailProps): JSX.Element => {
+export const MouseTrail = ({ rgb, ...props }: MouseTrailProps) => {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   useEffect(() => {
     const canvas = canvasRef.current;
diff --git 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 (
     <Switch className={styles.themeswitch}>
