diff --git a/website/components/video.js b/website/components/video.js
index 23e88ba64..9b4b65ade 100644
--- a/website/components/video.js
+++ b/website/components/video.js
@@ -1,4 +1,4 @@
-import { useRef, useCallback, useEffect } from 'react';
+import React, { useRef, useCallback, useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
 import 'intersection-observer';
 
diff --git a/website/nextra.config.js b/website/nextra.config.js
index a0f69edca..9febdeee4 100644
--- a/website/nextra.config.js
+++ b/website/nextra.config.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Logo } from 'components/logo';
 
 export default {
@@ -67,7 +68,7 @@ export default {
         <a
           href="https://jaredpalmer.com/?utm_source=tsdx"
           target="_blank"
-          rel="noopener"
+          rel="noopener noreferrer"
           className="inline-flex items-center no-underline text-current font-semibold"
         >
           <span className="mr-1">A Jared Palmer Project</span>
@@ -80,7 +81,7 @@ export default {
             filepath
           }
           target="_blank"
-          rel="noopener"
+          rel="noopener noreferrer"
         >
           Edit this page on GitHub
         </a>
diff --git a/website/pages/_app.js b/website/pages/_app.js
index a4dc6461b..1c0291bd5 100644
--- a/website/pages/_app.js
+++ b/website/pages/_app.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import '.nextra/styles.css';
 import GoogleFonts from 'next-google-fonts';