fix: @axiomhq/react example code (#222)

Author: gabrielelpidio

send-data/react.mdx

@@ -47,24 +47,24 @@ This page explains how to use the @axiomhq/react library to send data from your
     npm install --save @axiomhq/logging @axiomhq/react
     ```
 
-1. Add the following environment variables to your React app:
-
-    - `AXIOM_DATASET` is the name of the Axiom dataset where you want to send data.
-    - `AXIOM_TOKEN` is the Axiom API token you have generated.
-
-1. Create a `Logger` instance and export the utils. The example below uses the `useLogger` and `WebVitals` components.
+2. Create a `Logger` instance and export the utils. The example below uses the `useLogger` and `WebVitals` components.
 
     ```tsx [expandable]
     'use client';
 
-    import { Logger, AxiomFetchTransport } from '@axiomhq/logging';
+    import { Logger, AxiomJSTransport } from '@axiomhq/logging';
+    import { Axiom } from '@axiomhq/js';
     import { createUseLogger, createWebVitalsComponent } from '@axiomhq/react';
 
+    const axiomClient = new Axiom({
+      token: process.env.AXIOM_TOKEN!,
+    });
+
     export const logger = new Logger({
       transports: [
-        new AxiomFetchTransport({
+        new AxiomJSTransport({
+          client: axiomClient,
           dataset: process.env.AXIOM_DATASET!,
-          token: process.env.AXIOM_TOKEN!,
         }),
       ],
     });