Conditional Rendering

// src/requests.js
...
const imageBaseUrl = "https://image.tmdb.org/t/p/original/";
export const displayImage = (path) => `${imageBaseUrl}${path}`;

// src/Banner.js

...
import { displayImage } from "./requests";

const Banner = ({ fetchUrl }) => {
  ...
  return randomMovie ? (
    <div style=>
      <div style=>
        <h2>{randomMovie.title || randomMovie.name}</h2>
        <p>{randomMovie.overview}</p>
      </div>
      <div style=>
        <img
          style=
          src={displayImage(randomMovie.backdrop_path)}
          alt={randomMovie.title || randomMovie.name}
        />
      </div>
    </div>
  ) : (
    <h2>Loading...</h2>
  );
};