Soy nuevo en React y estoy tratando de hacer una redirección simple para una nueva cuenta creada. Estoy tratando de hacer que cuando un usuario cree una cuenta, sea redirigido a una nueva "página de inicio de sesión", de lo contrario, si alguien va a la URL de inicio de sesión, será redirigido a la página de inicio normal. Esto es lo que he probado:

Tengo una ruta básica para cuando el usuario inicia sesión que, de forma predeterminada, ha establecido la autorización en falso:

<Route path="/loggedInHome" component={() => <LoggedInHome authorized={false} />}>

Tengo un Componente que le permite al usuario crear una cuenta, cuando se crea, el usuario es redirigido a la nueva página de inicio de sesión:

 if (signedUpState === 'true') { return ( <> <Redirect to={{ pathname: "/loggedInHome", authorized: { authorized: true } }} /> </> ) }

Y luego tengo mi componente loginInHome. Esta página es para cuando el usuario ha creado su cuenta y está en su página de panel. Solo accesible si el usuario creó una cuenta.

 function LoggedInHome({authorized}) { if (!authorized) { return ( <> <Redirect to={{ pathname: "/" }}/> </> ); } else { ///..... }

Sin embargo, mi valor autorizado siempre se establece en falso o indefinido, independientemente de si el usuario crea una cuenta o no.

Intenté cambiar la redirección para incluir un valor de estado:

 state: { authorized: true}

y luego accediendo a él en logInHome.js como tal:

 function LoggedInHome({authorized}) { if(this.props.location.state.authorized) { ///..... } }

Sin embargo, esto no parece resolver mi problema, ya que el valor siempre termina siendo indefinido y falso.

Cualquier ayuda sería apreciada.