Fix some of the deepsource

Author: mayank1513

examples/vite/src/app/index.tsx

@@ -1,11 +1,12 @@
-import React from "react";
+import React, { useCallback } from "react";
 import "./styles.css";
 import { Bars1, Bars2, Dots1, Dots2 } from "react18-loaders/dist/server";
 import { LoaderContainer, useLoader } from "react18-loaders";
 
 /** Vite App */
 function App(): JSX.Element {
   const { setLoading } = useLoader();
+  const handleClick = useCallback(() => setLoading(true), []);
   return (
     <div className="container">
       <h1 className="title">
@@ -16,7 +17,7 @@ function App(): JSX.Element {
       <Dots2 color="#00f" width={50} dotRadius={8} />
       <Bars2 color="red" width={50} />
       <Bars1 color="red" width={50} />
-      <button onClick={() => setLoading(true)}>Show loader</button>
+      <button onClick={handleClick}>Show loader</button>
       <LoaderContainer>
         <Bars1 color="red" width={50} />
       </LoaderContainer>

packages/shared/src/client/drawer-button/drawer-button.test.tsx

@@ -5,7 +5,8 @@ import { DrawerButton } from "./drawer-button";
 describe.concurrent("drawer-button", () => {
   afterEach(cleanup);
 
+  const dummyFunc = () => {};
   test("check if h1 heading exists", () => {
-    render(<DrawerButton open setOpen={() => {}} />);
+    render(<DrawerButton open setOpen={dummyFunc} />);
   });
 });

packages/shared/src/client/drawer-button/drawer-button.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Dispatch, SetStateAction } from "react";
+import { Dispatch, SetStateAction, useCallback } from "react";
 import styles from "./drawer-button.module.scss";
 
 interface DrawerButtonProps {
@@ -12,10 +12,11 @@ interface DrawerButtonProps {
  * Drawer button to toggle side navigation on mobile devices.
  */
 export function DrawerButton({ open, setOpen }: DrawerButtonProps) {
+  const handleClick = useCallback(() => setOpen(open => !open), []);
   return (
     <button
       className={[styles.drawerBtn, "mb", open ? styles.open : ""].join(" ")}
-      onClick={() => setOpen(!open)}>
+      onClick={handleClick}>
       <div />
       <div />
       <div />

packages/shared/src/client/dummy/dummy.tsx

@@ -1,6 +1,8 @@
-import { HTMLProps } from "react";
+import { HTMLProps, ReactNode } from "react";
 
-interface DummyProps extends HTMLProps<HTMLDivElement> {}
+interface DummyProps extends HTMLProps<HTMLDivElement> {
+  children: ReactNode;
+}
 
 /**
  *