fix: useCallback is not necessary

src/theme/components.tsx

-import React, { HTMLProps, useCallback } from 'react'
+import React, { HTMLProps } from 'react'
 import ReactGA from 'react-ga'
 import { Link } from 'react-router-dom'
 import styled, { keyframes } from 'styled-components'
@@ -222,8 +222,7 @@ function anonymizeLink(href: string): string {
   }
 }
 
-function useHandleClickLinkCallback() {
-  return useCallback((event: React.MouseEvent<HTMLAnchorElement>) => {
+function handleClickExternalLink(event: React.MouseEvent<HTMLAnchorElement>) {
   const { target, href } = event.currentTarget
 
   const anonymizedHref = anonymizeLink(href)
@@ -240,7 +239,6 @@ function useHandleClickLinkCallback() {
       window.location.href = anonymizedHref
     })
   }
-  }, [])
 }
 
 /**
@@ -252,7 +250,7 @@ export function ExternalLink({
   rel = 'noopener noreferrer',
   ...rest
 }: Omit<HTMLProps<HTMLAnchorElement>, 'as' | 'ref' | 'onClick'> & { href: string }) {
-  return <StyledLink target={target} rel={rel} href={href} onClick={useHandleClickLinkCallback()} {...rest} />
+  return <StyledLink target={target} rel={rel} href={href} onClick={handleClickExternalLink} {...rest} />
 }
 
 export function ExternalLinkIcon({
@@ -262,7 +260,7 @@ export function ExternalLinkIcon({
   ...rest
 }: Omit<HTMLProps<HTMLAnchorElement>, 'as' | 'ref' | 'onClick'> & { href: string }) {
   return (
-    <LinkIconWrapper target={target} rel={rel} href={href} onClick={useHandleClickLinkCallback()} {...rest}>
+    <LinkIconWrapper target={target} rel={rel} href={href} onClick={handleClickExternalLink} {...rest}>
       <LinkIcon />
     </LinkIconWrapper>
   )