Code Card
Default
app.tsx
1import { InterfereProvider } from "@interfere/react/provider";2 3import { Dashboard } from "./dashboard";4 5export function App() {6 return (7 <InterfereProvider>8 <Dashboard />9 </InterfereProvider>10 );11}Highlighted lines
app.tsx
1import { InterfereProvider } from "@interfere/react/provider";2 3import { Dashboard } from "./dashboard";4 5export function App() {6 return (7 <InterfereProvider>8 <Dashboard />9 </InterfereProvider>10 );11}Scrolling body
use-identify-user.ts
1import { useInterfere } from "@interfere/react/provider";2import { useEffect } from "react";3 4interface User {5 email: string;6 id: string;7 name: string;8}9 10export function useIdentifyUser(user: User | null) {11 const { identity } = useInterfere();12 13 useEffect(() => {14 if (!user) {15 return;16 }17 18 identity.set({19 identifier: user.id,20 email: user.email,21 name: user.name,22 source: { type: "clerk", name: "Clerk" },23 });24 }, [identity, user]);25}