message: fix: add hooks as a variable instead of inline
diff: @@ -87,6 +87,7 @@ const MainNavLink = ({ href, icon, children }) => {
  const { pathname } = useRouter()
  const [, group] = href.split("/")
  const active = pathname.includes(group)
  + const linkColor = useColorModeValue("gray.900", "whiteAlpha.900")
  return (
  <NextLink href={href} passHref>
  @@ -97,10 +98,8 @@ const MainNavLink = ({ href, icon, children }) => {
  fontWeight="semibold"
  transitionProperty="colors"
  transitionDuration="200ms"
  - color={
  - active ? useColorModeValue("gray.900", "whiteAlpha.900") : "gray.500"
  - }
  - _hover={{ color: useColorModeValue("gray.900", "whiteAlpha.900") }}
  + color={active ? linkColor : "gray.500"}
  + _hover={{ color: linkColor }}
  >
  <Center w="6" h="6" bg="teal.400" rounded="base" mr="3">
  {icon}
  