import { useEffect } from "react";

export default function GenerateClientID() {
  useEffect(() => {
    const url = new URL(window.location.href);
    const hasClientID = url.searchParams.get("client_id");

    if (!hasClientID) {
      const uuid = crypto.randomUUID?.() || Math.random().toString(36).substring(2, 15);
      url.searchParams.set("client_id", uuid);
      window.location.replace(url.toString());
    }
  }, []);

  return null;
}

For the full experience, enable sound

Enable sound for the full experience:

Somewhere in the distance, crickets buzz.

Zzzzt

You glance in the rearview mirror and catch a glimpse of your face.

You see...

By agreeing, you allow us to collect your race, age, gender, hometown, and email for use in this interactive experience, related research, storytelling analysis, and promotional or marketing efforts for the project. Your data will be stored securely and never sold. [Read full terms]