How to check if user is already in "/home" page using react and typescript?

Question

Hi i want to redirect user to "/home" after load() request completes. but how do i redirect the user to "/home" only if he is not currently in "/home" url.

below is my code,

function useAnother(Id: string) {
    const [compId, setCompId] = React.useState(undefined);
    const {setIsLoading} = React.useContext(LoadingContext);
    const comp = useCurrentComp(Id);
    const load = useLoad();
    if (comp && comp.id !== compId) {
        setCompId(comp.id);
        const prevCompId = compId !== undefined;
        if (prevCompId) {
            setIsLoading(true);
            load().then(() => {// how do i check here if user is already in "/home"  //url and then only redirect him to /home 
                history.push("/home"); 
            });
        }
    }
}

could someone help me with this. thanks.

https://stackoverflow.com/questions/42253277/react-router-v4-how-to-get-current-route — Suhaib Affan, Jun 10 '20 at 13:54

Shravan Dhar · Answer 1 · 2020-06-12T07:28:01.430

You can react-router's very own hook useLocation

function useAnother(Id: string) {
    const [compId, setCompId] = React.useState(undefined);
    const {setIsLoading} = React.useContext(LoadingContext);
    const localtion = useLocation();
    const comp = useCurrentComp(Id);
    const load = useLoad();

    if (comp && comp.id !== compId) {
        setCompId(comp.id);
        const prevCompId = compId !== undefined;
        if (prevCompId) {
            setIsLoading(true);
            load().then(() => {
                if (location[pathname] !== "/home") history.push("/home"); 
            });
        }
    }
}

score 0 · Accepted Answer · answered Jun 10 '20 at 13:47

You can check if the window.location.pathname is equal to '/home'. If it is, don't redirect, otherwise redirect.

function useAnother(Id: string) {
    const [compId, setCompId] = React.useState(undefined);
    const {setIsLoading} = React.useContext(LoadingContext);
    const comp = useCurrentComp(Id);
    const load = useLoad();
    if (comp && comp.id !== compId) {
        setCompId(comp.id);
        const prevCompId = compId !== undefined;
        if (prevCompId) {
            setIsLoading(true);
            load().then(() => {// how do i check here if user is already in "/home"  //url and then only redirect him to /home 
                if (window.location.pathname !== "/home"){
                   history.push("/home"); 
                }
            });
        }
    }
}

How to check if user is already in "/home" page using react and typescript?

2 Answers2