lint & fmt

src/router/router.tsx

@@ -24,6 +24,7 @@ export const rootRoute = createRootRouteWithContext<{
   ),
 })
 
+// eslint-disable-next-line react-refresh/only-export-components
 function RootComponent() {
   const { isDark } = useIsDark()
   return (

src/utils/useEvent.ts

@@ -1,19 +1,19 @@
-import { useRef, useState } from "react";
+import { useRef, useState } from 'react'
 
 /**
  * https://stackoverflow.com/questions/65890278/why-cant-usecallback-always-return-the-same-ref
  * https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md
  **/
-export function useEvent<T extends ((...args: any[]) => unknown) | undefined | null>(
-    callback: NonNullable<T>
-): T {
-    const callbackRef = useRef<typeof callback>(null as any);
+export function useEvent<
+  T extends ((...args: any[]) => unknown) | undefined | null,
+>(callback: NonNullable<T>): T {
+  const callbackRef = useRef<typeof callback>(null as any)
 
-    callbackRef.current = callback;
+  callbackRef.current = callback
 
-    return useState(
-        () =>
-            (...args: Parameters<Exclude<T, undefined | null>>) =>
-                callbackRef.current(...args)
-    )[0] as T;
-}
+  return useState(
+    () =>
+      (...args: Parameters<Exclude<T, undefined | null>>) =>
+        callbackRef.current(...args)
+  )[0] as T
+}