Mantine Buttonコンポーネントの凹まない版

NoAnimatedButton.tsx

import type { ButtonProps } from "@mantine/core";
import { Button } from "@mantine/core";
import { cloneElement, forwardRef } from "react";

export const NoAnimatedButton = forwardRef<
  HTMLButtonElement,
  ButtonProps<"button">
>(({ sx, ...props }, ref) => {
  return cloneElement(<Button />, {
    sx: { ...sx, "&:not(:disabled):active": { transform: "none" } },
    ref,
    ...props,
  });
});