I have a code where the user can update his credentials/personal information however I encounter a problem and managed to fix it, it was saying first argument had to be an string and I found a solution however I got an error afterwards saying "This operation is sensitive and requires recent authentication. Log in again before retrying...

Afterwards I found in some of the comments where I found my first solution the following: user.reauthenticateWithCredential(auth.EmailAuthProvider.credential(user.email, user.password)).then(() => user.updateEmail(email)) I tried to use this but is not working I get other error afterwards and wanted to know if this was either outdated or I'm just doing this wrong.

Code

I get my auth from my firebase.js

const db = firebase.firestore();
const auth = firebase.auth();
const storage = firebase.storage();

I get my user from my App.js and then if I need it I just send it just like this:

function App() {

const [user, setUser] = useState([]);

  useEffect(() => {
    auth.onAuthStateChanged((authUser) => {

      if (authUser) {
        setUser(authUser);
      } else {
        setUser(false);
      }
    })
  }, [])

return (
....
<Route path = "/Update_Profile">
            <Inicio user={user}/>
            <UpdateProfile user={user}/>
          </Route>
...
)}

export default App;

const updateEmail = (e) => {
        e.preventDefault();
        
        if (user && (email != "")) {
            user.reauthenticateWithCredential(auth.EmailAuthProvider.credential(user.email, user.password))
            .then(() => user.updateEmail(email))
            
            const ref = db.collection("usuarios").doc(user.uid)
            ref.update({
                email: email
            })
        } else {
            //User is not logged in, handle that case here
        }
    }