misc bugfixes

Author: thecodingwizard

gatsby-ssr.tsx

@@ -26,5 +26,5 @@ const MagicScriptTag = () => {
   return <script dangerouslySetInnerHTML={{ __html: codeToRunOnClient }} />;
 };
 export const onRenderBody = ({ setPreBodyComponents }) => {
-  setPreBodyComponents(<MagicScriptTag />);
+  setPreBodyComponents(<MagicScriptTag key="magic-script-tag" />);
 };

src/context/UserDataContext/properties/hooks.ts

@@ -3,8 +3,8 @@ import { UserData, useUpdateUserData, useUserData } from '../UserDataContext';
 export function createUserDataGetter<ReturnValue>(
   getter: (userData: UserData) => ReturnValue
 ): () => ReturnValue {
-  const userData = useUserData();
   return () => {
+    const userData = useUserData();
     return getter(userData);
   };
 }

src/pages/index.tsx

@@ -13,7 +13,6 @@ import classNames from 'classnames';
 import { Link } from 'gatsby';
 import { StaticImage } from 'gatsby-plugin-image';
 import * as React from 'react';
-import { useRef } from 'react';
 import { GlowingRing } from '../components/elements/landing/GlowingRing';
 import { GlowingText } from '../components/elements/landing/GlowingText';
 import { GradientText } from '../components/elements/landing/GradientText';
@@ -29,7 +28,6 @@ import TrustedBy from '../components/Index/TrustedBy';
 import Layout from '../components/layout';
 import SEO from '../components/seo';
 import TopNavigationBar from '../components/TopNavigationBar/TopNavigationBar';
-import { useFirebaseUser } from '../context/UserDataContext/UserDataContext';
 
 const containerClasses = 'max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8';
 const headerClasses =
@@ -48,8 +46,6 @@ const linkTextStyles =
   'text-blue-600 dark:text-blue-300 transition hover:text-purple-600 dark:hover:text-purple-300';
 
 export default function IndexPage(): JSX.Element {
-  const learnMoreRef = useRef<HTMLDivElement>();
-  const firebaseUser = useFirebaseUser();
   return (
     <Layout>
       <SEO title={null} />