Run yarn export
yarn run v1.22.19
$ next build && next export && next-export-optimize-images
info - [next-export-optimize-images]: Configuration was not loaded. (This is optional.)
warn  - You have enabled experimental feature (esmExternals) in next.config.js.
warn  - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.

warn  - No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry

info  - Linting and checking validity of types...
Failed to compile.

./src/components/common/Header.tsx:13:9
Type error: Expression produces a union type that is too complex to represent.

  11 |     <>
  12 |       <Flex
> 13 |         bgColor={colorMode === 'light' ? 'blackAlpha.100' : 'blackAlpha.400'}
     |         ^
  14 |         {...props}
  15 |         top={0}
  16 |         zIndex='sticky'
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

import { Link, LinkProps } from '@chakra-ui/react'
import NextLink from 'next/link'
import { FC } from 'react'

export const HeaderLink: FC<LinkProps> = ({ children, ...props }) => {
  return (
    /* ↓Type error: Expression produces a union type that is too complex to represent. */
    <Link as={NextLink} {...props}>
      {children}
    </Link>
  )
}

import { Link, LinkProps } from '@chakra-ui/react'
import NextLink from 'next/link'
import { FC } from 'react'

export const HeaderLink: FC<LinkProps> = ({ children, ...props }) => {
  const propsAny = props as any
  return (
    <Link as={NextLink} {...propsAny}>
      {children}
    </Link>
  )
}