handle UTC storage and user-specific time zone rtrival

Coflix est une plateforme de streaming en ligne qui attire de plus en plus d’utilisateurs grâce à son large catalogue de films et de séries.
https://coflix1.fr/

What code are you using to convert the time? How is it failing? Is there an error message or are the results incorrect?

The following is how Anthropic's Claude suggest the conversion be done.

import { useState, useEffect } from "react";

// Hook: converts a UTC date string/Date to the browser's local time
function useLocalTime(utcInput) {
  const [localTime, setLocalTime] = useState("");

  useEffect(() => {
    if (!utcInput) return;

    const date = typeof utcInput === "string" ? new Date(utcInput) : utcInput;

    // The Date object automatically converts to local time
    setLocalTime(
      date.toLocaleString(undefined, {
        dateStyle: "medium",
        timeStyle: "short",
        // undefined = use the browser's locale automatically
      })
    );
  }, [utcInput]);

  return localTime;
}

// Example component
export default function TimeDisplay() {
  const utcString = "2024-06-15T14:30:00Z"; // Z suffix = UTC

  const localTime = useLocalTime(utcString);

  // You can also do it inline without a hook:
  const inlineLocal = new Date(utcString).toLocaleString();

  return (
    

      
UTC: {utcString}
      
Local (hook): {localTime}
      
Local (inline): {inlineLocal}
    
  );
}