add proptypes to todoform

src/components/TodoForm.js

-import React, { useState } from "react";
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
 
 function TodoForm(props) {
-
-  const [input, setInput] = useState("");
+  const [input, setInput] = useState('');
 
   const onChange = (e) => {
     setInput(e.target.value);
@@ -10,31 +10,34 @@ function TodoForm(props) {
 
   const Submit = (e) => {
     e.preventDefault();
-
     props.onSubmit({
       id: Math.floor(Math.random() * 10000),
       text: input,
-      status: false
+      status: false,
     });
-    setInput("");
+    setInput('');
   };
   return (
-    <>
     <form onSubmit={Submit}>
-        <div className="add-form">
+      <div className='add-form'>
         <div className='form-control'>
           <input
-              placeholder="Enter Item"
+            placeholder='Enter Item'
             value={input}
             onChange={onChange}
-              name="text" />
+            name='text'
+          />
         </div>
-          <button className="btn" onClick={Submit}>Submit</button>
+        <button className='btn' onClick={Submit}>
+          Submit
+        </button>
       </div>
     </form>
-    </>
   );
-
 }
 
 export default TodoForm;
+
+TodoForm.propTypes = {
+  onSubmit: PropTypes.func,
+};