{children}

); };">

{children}

); };">

{children}

); };">

import { useRef } from "react"
import { useStickyEffect } from "./useStickyEffect"

export function Button({ children }) {
  const buttonRef = useRef(null);
  const StickyEffect = useStickyEffect(buttonRef);

  return (
    <button
      ref={buttonRef}
      className={`
				translate-0
				group
				relative
			`}
    >
      <Effect>
				<div>{children}</div>
			</Effect>
    </button>
  );
};

参考にした記事

Build a sticky hover effect with Tailwind and React