navigate to login when user not logged in

client_app/src/components/home.component/home.component.jsx

@@ -1,20 +1,23 @@
 import React from 'react'
 import { useEffect } from 'react'
 import { useDispatch, useSelector } from "react-redux";
+import { useNavigate } from 'react-router-dom';
 import {getUser} from "../../feature/user/user.slice";
 import ShipItems from '../ship.items.component/ship.items.component';
 
 export default function Home() {
 
   const dispatch = useDispatch();
   const {userLoading, user, error} = useSelector(state => state.user);
+  const navigate = useNavigate()
 
     useEffect(()=>{
       dispatch(getUser())
+      .unwrap()
       .then(
         ()=>{},
         ()=>{
-
+          navigate("/login");
         }
       )
     }, [])

ship_management/Program.cs

@@ -54,4 +54,4 @@
 
 app.MapControllers();
 
-app.Run();
+app.Run("http://localhost:4000");