Estoy haciendo un proyecto personal de React.js . Tengo un map que me da como uno de los valores una Epoch timestamp . Quiero mostrar solo la hora de esa marca de tiempo como AM o PM, pero no puedo resolverlo. Este es el código:

 import { useEffect, useState } from "react"; const Home = () => { const [result, setResult] = useState([]); useEffect(() => { fetch("https://www.betright.com.au/api/racing/todaysracing") .then((res) => { return res.json(); }) .then( (data) => { setResult(data); console.log("data useEffect", data); }, (err) => { return console.error(err); } ); }, []); console.log("result", result); return ( <> <h1>Upcoming Racing</h1> {Object.entries(result).map(([key, value]) => ( <table key={key}> <thead> <tr> <th>{key}</th> </tr> </thead> <tbody> <tr> <td> {value.slice(0, 5).map((dog, c) => ( <div key={c}> <div>Race name: {dog.Venue}</div> <div>Race number: {dog.Race1.RaceNumber}</div> <div> Advertised date: {Date(dog.Race1.AdvertisedStartTime.slice(6, 19))} </div> </div> ))} </td> </tr> </tbody> </table> ))} </> ); }; export default Home;

Este es un enlace de codesandbox con el código completo y su salida.