ncc | Compile a Nodejs project into a single file Supports TypeScript, binary addons, dynamic requires | Runtime Evironment library

    import React , {useState } from "react";
import Button from 'react-bootstrap/Button';
import Form from "react-bootstrap/Form"
import 'bootstrap/dist/css/bootstrap.min.css';
import {push,ref} from "firebase/database";
import db from "./firebase";


function App() {
  const [age, setAge] = useState("");
  const [hes, setHes] = useState("");
  const [visa, setVisa] = useState("");
  const [islem , setIslem] = useState("");
  
  const handleSubmit = (event) =>{
    event.preventDefault();
    setAge(event.target[0].value);
    setHes(event.target[1].value);
    setVisa(event.target[2].value);
    push(ref(db,"info"),{
      age: age,
      hes: hes,
      visa : visa,
      islem : islem
    })
  }
  return (
    
    
    
      AGE
      
    
    
      HES
      
      
    
    
      VISA
      
    
  
    
      {
        setIslem("NC")
      }}variant="secondary" type="submit" size="lg">
      New Customer
      
      {
        
        setIslem("NCC");
      }}variant="secondary" type="submit" size="lg">
      New Cards
      
      {
        
        setIslem("FI");
      }}variant="secondary" type="submit" size="lg">
      For information
      
      {
        
        setIslem("WDM");
      }}variant="secondary" type="submit" size="lg">
      Withdraw / Deposit Money
      
      {
        
        setIslem("IO");
      }}variant="secondary" type="submit" size="lg">
      Insurance Operations
      
      {
        
        setIslem("RO");
      }}variant="secondary" type="submit" size="lg">
      Retirement Operations
      
      {
        setIslem("PT")  
      }}variant="secondary" type="submit" size="lg">
      Paying Fines / Taxes / Debt
      
      {
        
        setIslem("SME");
      }}variant="secondary" type="submit" size="lg">
      SME Operations
      
      {
        
        setIslem("INO");
      }}variant="secondary" type="submit" size="lg">
      Investment Operations
      
      {
        
        setIslem("MM");
      }}variant="secondary" type="submit" size="lg">
      Money Management
      
  
    
  
  
  
  
  );
}

export default App;