Preview:
// RequiresAuth.js
export function RequiresAuth({ children, login }) {
  return login ? children : <Navigate to="/login" replace />;
}

// App.js
<Route
      path="/address"
          element={
            <RequiresAuth login={login}>
              <Address />
            </RequiresAuth>
          }
        />

// Routing
if you are not logged in
/address
/login /address

when you are going back
/login should not come again
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter