message: chore: prevent search button flicker
diff: @@ -35,16 +35,13 @@ export const SearchButton = React.forwardRef(function SearchButton(
  props: HTMLChakraProps<"button">,
  ref: React.Ref<HTMLButtonElement>,
  ) {
  - const [actionKey, setActionKey] = React.useState<string[]>()
  -
  + const [actionKey, setActionKey] = React.useState<string[]>(ACTION_KEY_APPLE)
  React.useEffect(() => {
  - if (typeof navigator !== "undefined") {
  - if (/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
  - setActionKey(ACTION_KEY_APPLE)
  - } else {
  + if (typeof navigator === "undefined") return
  + const isMac = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)
  + if (!isMac) {
  setActionKey(ACTION_KEY_DEFAULT)
  }
  - }
  }, [])
  return (
  @@ -68,8 +65,6 @@ export const SearchButton = React.forwardRef(function SearchButton(
  rounded="md"
  {...props}
  >
  - {actionKey && (
  - <>
  <SearchIcon />
  <HStack w="full" ml="3" spacing="4px">
  <Text textAlign="left" flex="1">
  @@ -83,7 +78,7 @@ export const SearchButton = React.forwardRef(function SearchButton(
  title={actionKey[1]}
  textDecoration="none !important"
  >
  - {actionKey[0]}
  + {ACTION_KEY_APPLE[0]}
  </chakra.div>
  </Kbd>
  <VisuallyHidden> and </VisuallyHidden>
  @@ -93,8 +88,6 @@ export const SearchButton = React.forwardRef(function SearchButton(
  <VisuallyHidden> to search</VisuallyHidden>
  </HStack>
  </HStack>
  - </>
  - )}
  </chakra.button>
  )
  })
  