ChakraUIのButtonコンポーネントについて Buttonコンポーネントのsizepropsはオブジェクトの値を入れられず、単一のstring("lg" | "md" | "sm" | "xs")しか入れることができません。 レスポンシブ対応をするときには現在のブレークポイントを返すchakraUIのhook useBreakpointValueを使うことで実現できます。 レスポンシブ対応を含めたコンポーネントを作成します import React, { forwardRef } from 'react' import { Button as ChakraButton, ButtonProps as ChakraButtonProps, useBreakpointValue } from '@chakra-ui/react' export type ButtonProps = {