chore: UpwardLinkのstyle生成をmemo化する

kufu · Jan 9, 2025 · 46fa1d6 · 46fa1d6
1 parent 631ad61
commit 46fa1d6
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/smarthr-ui/src/components/UpwardLink/UpwardLink.tsx b/packages/smarthr-ui/src/components/UpwardLink/UpwardLink.tsx
@@ -1,4 +1,4 @@
-import React, { type ComponentProps } from 'react'
+import React, { type ComponentProps, useMemo } from 'react'
 import { VariantProps, tv } from 'tailwind-variants'
 
 import { FaArrowLeftIcon } from '../Icon'
@@ -20,8 +20,12 @@ type Props = Omit<ComponentProps<typeof TextLink>, 'prefix' | 'suffix'> &
     elementAs?: ComponentProps<typeof TextLink>['elementAs']
   }
 
-export const UpwardLink: React.FC<Props> = ({ indent = true, className, elementAs, ...rest }) => {
-  const style = upwardLink({ indent, className })
+export const UpwardLink: React.FC<Props> = ({ indent, className, elementAs, ...rest }) => {
+  const style = useMemo(
+    () => upwardLink({ indent: indent === undefined ? true : indent, className }),
+    [indent, className],
+  )
+
   return (
     <div className={style}>
       <TextLink {...rest} elementAs={elementAs} prefix={<FaArrowLeftIcon />} />