matomo-react-sdk/src/useMatomo.js

<img src="./logo.png" width="350">

import { useContext } from 'react';

import { MatomoContext } from './MatomoProvider';

const useMatomo = () => {
  const instance = useContext(MatomoContext);

  const trackAppStart = () => instance.trackAppStart && instance.trackAppStart();
  const trackScreenView = (params) => instance.trackScreenView && instance.trackScreenView(params);
  const trackAction = (params) => instance.trackAction && instance.trackAction(params);
  const trackEvent = (params) => instance.trackEvent && instance.trackEvent(params);
  const trackSiteSearch = (params) => instance.trackSiteSearch && instance.trackSiteSearch(params);
  const trackLink = (params) => instance.trackLink && instance.trackLink(params);
  const trackDownload = (params) => instance.trackDownload && instance.trackDownload(params);

    const trackPageView = () => instance.trackPageView && instance.trackPageView();
    const setUserId = (params) => instance.setUserId && instance.setUserId(params);
    const setActionName = (params) => instance.setActionName && instance.setActionName(params);
    const setUrl = (params) => instance.setUrl && instance.setUrl(params);
    const setCustomDimension = (params0,params1) => instance.setCustomDimension && instance.setCustomDimension(params0,params1);



  return {
    trackAppStart,
    trackScreenView,
    trackAction,
    trackEvent,
    trackSiteSearch,
    trackLink,
    trackDownload,
      trackPageView,
      setActionName,
      setUserId,
      setUrl,
      setCustomDimension
  };
};

export default useMatomo;