ChakraUIのコンポーネントを拡張する

参考：Chakra UIの再利用コンポーネント拡張の方法あれこれ

中央揃え汎用スピナーをこのように作った。

import {
  Center,
  Spinner as ChakraSpinner,
  SpinnerProps,
} from "@chakra-ui/react";
import { FC } from "react";

const Spinner: FC<SpinnerProps> = (props) => {
  return (
    <Center p="2rem">
      <ChakraSpinner {...props} />
    </Center>
  );
};
export default Spinner;