fix: format

src/use-next-link-props/index.ts

@@ -1,29 +1,30 @@
 import 'client-only';
-import type { LinkProps } from 'next/link'
-import { useCallback, useEffect, useMemo, useState } from 'react'
-import type { MouseEvent } from 'react'
-import { usePathname } from 'next/navigation'
+import type { LinkProps } from 'next/link';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import type { MouseEvent } from 'react';
+import { usePathname } from 'next/navigation';
 
-export type ExtraProps = {
+export interface ExtraProps {
   isPending: boolean
 }
 
 export const useNextLinkProps = (props: LinkProps): LinkProps & ExtraProps => {
   const pathname = usePathname();
   const [targetPathname, setTargetPathname] = useState(() => pathname);
   useEffect(() => {
-    setTargetPathname(pathname)
-  }, [pathname])
+    setTargetPathname(pathname);
+  }, [pathname]);
+  const onClickProp = props.onClick;
   const onClick = useCallback((event: MouseEvent<HTMLAnchorElement>) => {
     setTargetPathname(new URL(event.currentTarget.href).pathname);
-    return props.onClick?.(event);
-  }, [props.onClick]);
+    return onClickProp?.(event);
+  }, [onClickProp]);
   const isPending = targetPathname !== pathname;
   return useMemo(() => {
     return {
       ...props,
       onClick,
       isPending
-    }
-  }, [props, onClick, isPending])
-}
+    };
+  }, [props, onClick, isPending]);
+};