useCroct

Learn how to provide access to the SDK instance.

This hook gets the instance of the SDK initialized by the <CroctProvider> component, providing access to the Plug API.

Signature

This hook has the following signature:

function useCroct(): Plug;

The return is the Plug instance.

Example

Here is an example of how to use this hook:

Hero.jsx

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