React

VITE_LUCENT_PUBLIC_KEY=luc_pk_...

import { LucentProvider } from "@lucenthq/sdk/react";
import type { ReactNode } from "react";

export function Providers({ children }: { children: ReactNode }) {
  return (
    <LucentProvider publicKey={import.meta.env.VITE_LUCENT_PUBLIC_KEY}>
      {children}
    </LucentProvider>
  );
}

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import { Providers } from "./providers";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <Providers><App /></Providers>
  </React.StrictMode>,
);

REACT_APP_LUCENT_PUBLIC_KEY=luc_pk_...

import { LucentProvider } from "@lucenthq/sdk/react";
import type { ReactNode } from "react";

export function Providers({ children }: { children: ReactNode }) {
  return (
    <LucentProvider publicKey={process.env.REACT_APP_LUCENT_PUBLIC_KEY!}>
      {children}
    </LucentProvider>
  );
}

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import { Providers } from './providers';

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
root.render(
  <React.StrictMode>
    <Providers><App /></Providers>
  </React.StrictMode>
);