I have a ploblem i can't use feth and get this error pls help me


this my code

import { useEffect, useState } from 'react';
import Tag from"../Tag/Tag";
import "./Contentstyle.css";
function Content() {
  const[videos, setVideos] = useState([]);
  const[shorts, setShort] = useState([]);
  useEffect(() => {
    const fetchVideos = async () =>{
      const data = await fetch("https://localhost:3000/");
      const json = await  data.json();
      setVideos(json);
    };
    fetchVideos();
} ,[]);
  return (
    <section id="Content">
      <Tag></Tag>
    <section id="the-card">
      {videos.map((video) => {
        console.log(video);
      })}

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!