feat(react-tracking): synchronous trackers

.changeset/tricky-mirrors-search.md

@@ -0,0 +1,5 @@
+---
+"@codedazur/react-tracking": minor
+---
+
+Trackers can now be synchronous as wel as asynchronous.

packages/react-tracking/components/TrackingProvider.tsx

@@ -30,7 +30,9 @@ export interface TrackingProviderProps {
   children?: ReactNode;
 }
 
-export type Tracker = (event: BaseEvent & EventMetadata) => Promise<void>;
+export type Tracker = (
+  event: BaseEvent & EventMetadata,
+) => void | Promise<void>;
 
 export function TrackingProvider({
   slug,

packages/react-tracking/utilities/createConsoleTracker.ts

@@ -3,7 +3,7 @@ import { Tracker } from "../components/TrackingProvider";
 export function createConsoleTracker({
   method = "dir",
 }: { method?: "log" | "info" | "dir" } = {}): Tracker {
-  return async function logTracker(event) {
+  return function logTracker(event) {
     console[method](event);
   };
 }

packages/react-tracking/utilities/createGtmTracker.ts

@@ -9,7 +9,7 @@ declare global {
 export function createGtmTracker({
   prefix,
 }: { prefix?: string } = {}): Tracker {
-  return async function gtmTracker({ type, ...event }) {
+  return function gtmTracker({ type, ...event }) {
     window.dataLayer.push({
       event: [prefix, type].filter(Boolean).join("."),
       ...event,

packages/react-tracking/utilities/createStorybookTracker.ts

@@ -5,7 +5,7 @@ export async function createStorybookTracker({
 }: { name?: string } = {}): Promise<Tracker> {
   const { action } = await import("@storybook/addon-actions");
 
-  return async function storybookTracker(event) {
+  return function storybookTracker(event) {
     action(name)(event);
   };
 }