From bfa455724f6aeec237d1dfe3b208f323b961016e Mon Sep 17 00:00:00 2001
From: Bervianto Leo Pratama <bervianto.leo@gmail.com>
Date: Tue, 18 Jul 2023 08:43:16 +0700
Subject: [PATCH] fix: fix lint

---
 examples/demo/src/App.tsx                 |  4 ++--
 examples/demo/src/MainPage.tsx            |  2 +-
 examples/demo/src/components/Readonly.tsx |  4 ++--
 examples/demo/src/serviceWorker.ts        | 10 +++++-----
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/examples/demo/src/App.tsx b/examples/demo/src/App.tsx
index c410a27b0..df78e8c05 100644
--- a/examples/demo/src/App.tsx
+++ b/examples/demo/src/App.tsx
@@ -12,7 +12,7 @@ export default function App(): JSX.Element {
         setMode((prevMode) => (prevMode === "light" ? "dark" : "light"));
       },
     }),
-    []
+    [],
   );
 
   const theme = React.useMemo(
@@ -22,7 +22,7 @@ export default function App(): JSX.Element {
           mode,
         },
       }),
-    [mode]
+    [mode],
   );
   return (
     <ColorModeContext.Provider value={colorMode}>
diff --git a/examples/demo/src/MainPage.tsx b/examples/demo/src/MainPage.tsx
index 5f3bc70c1..94d8aef13 100644
--- a/examples/demo/src/MainPage.tsx
+++ b/examples/demo/src/MainPage.tsx
@@ -33,7 +33,7 @@ const useStyles = makeStyles(() =>
     title: {
       flexGrow: 1,
     },
-  })
+  }),
 );
 
 export default function MainPage(): JSX.Element {
diff --git a/examples/demo/src/components/Readonly.tsx b/examples/demo/src/components/Readonly.tsx
index 31457e2f1..3ff9bd76b 100644
--- a/examples/demo/src/components/Readonly.tsx
+++ b/examples/demo/src/components/Readonly.tsx
@@ -4,7 +4,7 @@ import { ReactMultiCrop, IOutputData } from "@berviantoleo/react-multi-crop";
 
 function convertToImage(
   name: string,
-  output: IOutputData
+  output: IOutputData,
 ): JSX.Element | undefined {
   const canvasElement = output.canvasElement?.toDataURL();
 
@@ -18,7 +18,7 @@ function convertToImage(
 
 export default function Readonly(): JSX.Element {
   const [selectedValue, setSelectedValue] = React.useState<IOutputData | null>(
-    null
+    null,
   );
   const [hoverValue, setHoverValue] = React.useState<IOutputData | null>(null);
 
diff --git a/examples/demo/src/serviceWorker.ts b/examples/demo/src/serviceWorker.ts
index 63732c86d..cf977d4ad 100644
--- a/examples/demo/src/serviceWorker.ts
+++ b/examples/demo/src/serviceWorker.ts
@@ -16,8 +16,8 @@ const isLocalhost = Boolean(
     window.location.hostname === "[::1]" ||
     // 127.0.0.1/8 is considered localhost for IPv4.
     window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
+      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/,
+    ),
 );
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -44,7 +44,7 @@ export function register(config: Record<string, any>): void {
         navigator.serviceWorker.ready.then(() => {
           console.log(
             "This web app is being served cache-first by a service " +
-              "worker. To learn more, visit https://bit.ly/CRA-PWA"
+              "worker. To learn more, visit https://bit.ly/CRA-PWA",
           );
         });
       } else {
@@ -73,7 +73,7 @@ function registerValidSW(swUrl: string, config: Record<string, any>) {
               // content until all client tabs are closed.
               console.log(
                 "New content is available and will be used when all " +
-                  "tabs for this page are closed. See https://bit.ly/CRA-PWA."
+                  "tabs for this page are closed. See https://bit.ly/CRA-PWA.",
               );
 
               // Execute callback
@@ -124,7 +124,7 @@ function checkValidServiceWorker(swUrl: string, config: Record<string, any>) {
     })
     .catch(() => {
       console.log(
-        "No internet connection found. App is running in offline mode."
+        "No internet connection found. App is running in offline mode.",
       );
     });
 }