use jsx extension for react stuff

components/header.jsx

@@ -8,7 +8,8 @@ const Header = () => {
         "//api.giphy.com/v1/gifs/random?tag=christmas&api_key=3ziHSa4ptYJdv2dOuawgzpBhhiW09Ss1"
       );
       const { data } = await response.json();
-      setGifUrl(data.image_mp4_url);
+      console.log(data)
+      setGifUrl(data.image_webp_url);
     }
 
     getGif();