useNuiEvent

The useNuiEvent creates a listener for the client sided Lua code to call. useNuiEvent

useNuiEventExample.tsx

import { useNuiEvent } from "@/lib/useNuiEvent";
import { useState } from "react";

interface ExampleData {
  message: string;
}

export default function UseNuiEventExample() {
  const [initData, setInitData] = useState<ExampleData>({
    message: "Waiting for data...",
  });

  useNuiEvent("exampleAction", (data: ExampleData) => {
    setInitData(data);
  });

  return (
    <div>
      <h1>UseNuiEvent Example</h1>
      <p>{initData.message}</p>
    </div>
  );
}

Thanks to ox_banking for the useNuiEvent code.