Untitled

import React, { useEffect, useState } from "react";
import { useParams } from "react-router-dom";

const Detail = () => {
    const { movieId } = useParams();
    const [movieDetails, setMovieDetails] = useState(null);

    useEffect(() => {
        const fetchMovieDetails = async () => {
            const options = {
                method: 'GET',
                headers: {
                    accept: 'application/json',
                    Authorization: 'Bearer YOUR_TOKEN'
                }
            };

            try {
                const response = await fetch(`https://api.themoviedb.org/3/movie/${movieId}?language=fr-FR`, options);
                const data = await response.json();
                setMovieDetails(data);
            } catch (err) {
                console.error(err);
            }
        };

        fetchMovieDetails();
    }, [movieId]);

    return (
        <div className="detail">
            {/* Affichage des détails du film */}
        </div>
    );
}

export default Detail;