estoy usando codesandbox para obtener api con ganchos de reacción

Si bien este código a continuación funciona bien,

 import "./styles.css"; import { useState, useEffect } from "react"; import ReactDOM from "react-dom/client"; export default function App() { const [data, setData] = useState(null); useEffect(() => { fetch("https://jsonplaceholder.typicode.com/todos") .then((res) => res.json()) .then((data) => setData(data)); }, []); return ( <div className="App"> <> {data && data.map((item) => { return <p key={item.id}>{item.title}</p>; })} </> </div> ); }

El mismo código no funciona solo si cambio la URL que está debajo

 import "./styles.css"; import { useState, useEffect } from "react"; import ReactDOM from "react-dom/client"; export default function App() { const [data, setData] = useState(null); useEffect(() => { fetch("https://www1.nseindia.com/homepage/Indices1.json") .then((res) => res.json()) .then((data) => setData(data)); }, []); return ( <div className="App"> <> {data && data.map((item) => { return <p key={item.preClose}>{item.id}</p>; })} </> </div> ); }

y su error de lanzamiento

 Type Error Failed to fetch

No puedo identificar el problema aquí