title: Next.js : error - FetchError: request to https:..., reason: unable to get local issuer certificate
body: <p>I am writing to you because I have a problem with a personal project. Everything is fine when I fetch the data from the TMDB API, I fetch the movies name and everything fine but can't fetch the images. I got this error message:
  error - FetchError: request to <a href="https://image.tmdb.org/t/p/original/kiH3KPWi7BaRMvdAigcwrUFViHl.jpg" rel="nofollow noreferrer">https://image.tmdb.org/t/p/original/kiH3KPWi7BaRMvdAigcwrUFViHl.jpg</a> failed, reason: unable to get local issuer certificate
  I'm doing this project with React and Next.js
  Thanking you in advance for your help :)</p>
  <p>Banner.tsx</p>
  <pre><code>import Image from 'next/image';
  import { useEffect, useState } from 'react';
  import { Movie } from '../typing';
  
  type Props = {
      netflixOriginals: Movie[]
  };
  
  function Banner({netflixOriginals}: Props) {
  
      const [movie, setMovie] = useState&lt;Movie | null&gt;(null);
  
      useEffect(() =&gt; {
          setMovie(netflixOriginals[Math.floor(Math.random() * netflixOriginals.length)]);
      }, [netflixOriginals]);
  
      console.log('Résultat au hasard : ', movie);
  
      const baseUrl = 'https://image.tmdb.org/t/p/original';
  
      return (
          &lt;div&gt;
              &lt;div className=&quot;absolute top-0 left-0 h-[95vh] w-screen&quot;&gt;
                  &lt;Image
                      src={`${baseUrl}${movie?.backdrop_path || movie?.poster_path}`}
                      alt={movie?.title || movie?.name || movie?.original_name}
                      layout='fill'
                      objectFit=&quot;cover&quot;
                  /&gt;
              &lt;/div&gt;
  
              &lt;h1 className=&quot;text-2xl font-bold md:text-4xl lg:text-7xl&quot;&gt;
                  {movie?.title || movie?.name || movie?.original_name}
              &lt;/h1&gt;
          &lt;/div&gt;
      );
  }
  
  export default Banner;
  </code></pre>
  <p>next.config.js</p>
  <pre><code>/** @type {import('next').NextConfig} */
  const nextConfig = {
      reactStrictMode: true,
      images: {
          domains: ['image.tmdb.org', 'api.themoviedb.org'],
      },
  };
  
  module.exports = nextConfig;
  </code></pre>