How do I get my app to redirect a user to a page after they have registered?

user_15201385 0
Viewed 48

Perhaps I am placing the second router.replace('/contact'); line in the wrong position? Though that doesn't make sense given the redirect works well when a user logs in. Any assistance is greatly appreciated.

    if (isLogin) {
  const result = await signIn('credentials', {
    redirect: false,
    email: enteredEmail,
    password: enteredPassword,
  });

  if (!result.error) {
    // set some auth state
    router.replace('/contact');
  }
} else {
  try {
    const result = await createUser(enteredEmail, enteredPassword);
    console.log("hi");
    console.log(result);
    router.replace('/contact');
  } catch (error) {
    console.log(error);
  }
}

}

next.js reactjs javascript
2 Answers

I don't know much about Next. In case of using only React, assuming there is a Button to check the credentials, I would use Link of 'react-router-dom' to wrap the Button like this:

<Link to={`/${redirect}`}>
    <Button onClick={handleSubmit(email, password)}>
        Submit
    </Button>
</Link>

Declare state of redirect:

const [redirect, setRedirect] = React.useState('contact');

Declare function handleSubmit:

const handleSubmit = (enteredEmail, enteredPassword) => {
    const result = await signIn('credentials', {
        redirect: false,
        email: enteredEmail,
        password: enteredPassword,
    });
    if (!result.error) {
        setRedirect('contact');
    }
    else setRedirect('user');
}
user_169406340

This is how I do it in React:

import { useHistory } from "react-router-dom";

const Example = () => {
    let history = useHistory();

    //inside function:
   try {
     const result = await createUser(enteredEmail, enteredPassword);
     history.push('/'); //route you want here, 
   } 
   ...
}
user_181205800
Related