Initialize state via callback function

Author: MichaelDeBoey

packages/homepage/src/components/Toast/index.js

@@ -1,16 +1,14 @@
-/* eslint-disable jsx-a11y/control-has-associated-label */
 import React, { useState, useEffect } from 'react';
 import { Link } from 'gatsby';
 import { AnimatePresence } from 'framer-motion';
 
 import { ToastContainer } from './elements';
 
+const key = 'ACCEPTED_TERMS_CODESANDBOX';
 const Privacy = () => {
-  const key = 'ACCEPTED_TERMS_CODESANDBOX';
-  const [show, setShow] = useState(false);
+  const [show, setShow] = useState(() => !window.localStorage.getItem(key));
 
   useEffect(() => {
-    setShow(!window.localStorage.getItem(key));
     window.localStorage.setItem(key, true);
   }, []);
 
@@ -27,7 +25,7 @@ const Privacy = () => {
           <Link to="/legal/privacy">Privacy Policy</Link>
           <button
             type="button"
-            ariaLabel="Close"
+            aria-label="Close"
             onClick={() => setShow(false)}
           />
         </ToastContainer>