disable next by default

src/pages/home/components/Form.js

@@ -6,14 +6,19 @@ import NextButton from "./NextButton"
 function Form() {
 
     const [selectedItems, setSelectedItems] = useState([])
+    const [enableNext, setEnableNext] = useState(false)
+
+    const handleSubmit = (items) => {
+        setSelectedItems(items)
+        setEnableNext(true)
+    }
 
-    const handleSubmit = (items) => setSelectedItems(items)
     return (
         <div>
             <SearchBar
                 submit={handleSubmit}
             />
-            <NextButton items={selectedItems}/>
+            <NextButton items={selectedItems} isEnabled={enableNext}/>
         </div>
     )
 }

src/pages/home/components/NextButton.js

@@ -17,10 +17,10 @@ function NextButton(props) {
                     ml: 52,
                     mt: 5
                 }}
+                disabled={!props.isEnabled} 
             >
                 Next
             </Button>
-            {/* <button onClick={handleClick}>Next</button> */}
         </div>
     )
 }