I am using codesandbox to fetch api with react hooks

While this below code working well ,

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>
  );
}

Same code is not working just if I change URL which is below

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>
  );
}

and its throwing error

Type Error 

Failed to fetch

I am unable to identify issue over here