Input id fix

react/src/App.js

@@ -6,6 +6,9 @@ function App() {
   const [datasetQuarry, setDatasetQuarry] = useState('');
   const [tableQuarry, setTableQuarry] = useState('');
   const [columns, setColumns] = useState('');
+  const [datasetQuarry2, setDatasetQuarry2] = useState('');
+  const [tableQuarry2, setTableQuarry2] = useState('');
+  const [columns2, setColumns2] = useState('');
   const [results, setResults] = useState('');
   const [isVisible, setIsVisible] = useState(true);
 
@@ -39,22 +42,22 @@ function App() {
           className='datasetL'
           type="text"
           placeholder="Dataset quarry"
-          value={datasetQuarry}
+          value={datasetQuarry2}
-          onChange={(e) => setDatasetQuarry(e.target.value)}
+          onChange={(e) => setDatasetQuarry2(e.target.value)}
         />
         <input
           className='tableL'
           type="text"
           placeholder="Table quarry"
-          value={tableQuarry}
+          value={tableQuarry2}
-          onChange={(e) => setTableQuarry(e.target.value)}
+          onChange={(e) => setTableQuarry2(e.target.value)}
         />
         <div className="columsL" id="columns-heigh">
           <input
             type="text"
             placeholder="Columns"
-            value={columns}
+            value={columns2}
-            onChange={(e) => setColumns(e.target.value)}
+            onChange={(e) => setColumns2(e.target.value)}
           />
         </div>
       </div>}