en firebase, si quiero cargar un archivo, no funciona perfectamente, ¿cuál es el error que cometí? Aquí he usado todo el código en un archivo one js

 import { React, useState } from "react"; import { initializeApp ,storage} from "firebase/app"; import "firebase/storage" export default function Demo() { const [search, setSearch] = useState(""); const firebaseConfig = { apiKey: "VIzaSyDkgE2z3IIXr50AumPXmUfkoimM3f4z9d", authDomain: "reactform-95c40.firebaseapp.com", databaseURL: "https://reactform-65c50-default-rtd12.firebaseio.com", projectId: "reactform-89c93", storageBucket: "reactform-67c52.appspot.com", messagingSenderId: "793300985055", appId: "1:793300985055:web:aa37c4b76870f21f6d9a90" }; initializeApp(firebaseConfig); const upload = (e)=>{ if(search == null) return; storage.ref(search.name).put(search) .on("state_changed" , alert("success")); } return ( <> <input type="file" onChange={(e)=>{setSearch(e.target.files[0]);console.log('loading...')}}/> <button onClick={(e)=>{upload(e)}}>Upload</button> </> ); }