const [cakes, setCakes] = useState<any[]>([]);
    const id = useParams().id;
    useEffect(() => {
        fetch("/api/cakes/")
            .then((response) => response.json())
            .then((data) => setCakes(data))
            .catch((error) => console.error(error));
    }, []);
    const cake = cakes[id - 1];