adding the rest prop properly (spreading it to child component)

src/components/ContactForm.js

@@ -16,7 +16,7 @@ import { PrimaryButton } from './core';
 
 const korolevFont = 'korolev, Helvetica Neue, Helvetica, Arial, sans-serif';
 
-const ContactForm = ({ onClose }) => {
+const ContactForm = ({ onClose, ...rest }) => {
   const [submitting, setSubmitting] = useState();
   const [success, setSuccess] = useState();
 
@@ -37,7 +37,7 @@ const ContactForm = ({ onClose }) => {
   };
 
   return (
-    <Box role="dialog" aria-modal="true" a11yTitle="request a consultation">
+    <Box {...rest}>
       <Box
         pad="medium"
         background="black"

src/pages/solutions.js

@@ -111,7 +111,12 @@ const Solutions = ({ data }) => {
                 }}
               >
                 <Layer animation="fadeIn">
-                  <ContactForm onClose={handleModalToggle} />
+                  <ContactForm
+                    onClose={handleModalToggle}
+                    role="dialog"
+                    aria-modal="true"
+                    a11yTitle="request a consultation"
+                  />
                 </Layer>
               </ThemeContext.Extend>
             )}