Is there a way to defer before navigating to a webpage?

[DanielCoder834]

I am making a simple side project, and currently, I want to use the user's uuid in the url parameters. I have code like this within an on click function on a button:

onClick={async () => {
                if (await auth.validateUserInfo(<user information objecy>)) {
                  setSessionToken(<user's email>l);
                  navigate(`/${getCookie("uuid")}`);
                } else {
                  alert("Invalid User Information");
                }
              }}

The set session token is an api call to my server which I am not sure how long it will take. The cookie can be set after the navigate function is called, and getCookie would return null in that case as no cookie of that name exists. Is there a way to delay or defer the navigate call until the uuid is received.

I know you can user defer, but I would have to load the webpage first and that requires a url.

Thank you in advance for any help, I appreciate it.