How do I track a goalCompleted event when a user clicks the signup CTA?

useCroct returns the SDK instance. Call track in the click handler:

import {useCroct} from '@croct/plug-react';
export function SignupButton() {    const croct = useCroct();
    return (        <button            onClick={() => {                croct.track('goalCompleted', {goalId: 'signup-started'});            }}        >            Sign up        </button>    );}

One ordering detail that trips people up: when you configure the experiment, the primary goal must reference an event that is already being tracked. So ship the track call first, let a few events flow in, then pick signup-started as the goal ID in the dashboard. If you create the experiment before any events exist, the goal has nothing to bind to.