fixed apikey build error

Author: Hannah Dunsmore

src/Components/MissionManifest/MissionManifest.tsx

@@ -3,6 +3,7 @@ import { useState } from "react";
 import { useEffect } from "react";
 import "./MissionManifest.scss";
 
+
 export enum Rovers {
   CURIOSITY = "curiosity",
   OPPORTUNIY = "opportunity",
@@ -44,7 +45,7 @@ function MissionManifest(props: MissionManifestProps) {
           totalPhotos: data.total_photos,
         });
       });
-  }, [props.roverType]);
+  }, [props.roverType, apiKey]);
 
   if (!manifestData) {
     return <p id="loading-text">Loading...</p>;

src/Components/RoverImages/RoverImages.tsx

@@ -59,7 +59,7 @@ function RoverImages(props: MissionManifestProps) {
     };
 
     fetchData();
-  }, [props.roverType]);
+  }, [props.roverType, apiKey]);
 
   let firstLetter = props.roverType.charAt(0).toUpperCase;