Hey, I have reducer function that does some action onClick. However, i also want to navigate the page to some other url. After initial research i came to know that i can't useNavigate() inside a reducer function. How can i combine these two ?

@Deepak is this example from the react router docs helpful?
```javascript
import { useNavigate } from "react-router-dom";

function useLogoutTimer() {
  const userIsInactive = useFakeInactiveUser();
  const navigate = useNavigate();

  useEffect(() => {
    if (userIsInactive) {
      fake.logout();
      navigate("/session-timed-out");
    }
  }, [userIsInactive]);
}```
https://reactrouter.com/en/main/hooks/use-navigate

If I'm reading your question right, you're trying to call useNavigate inside of a function which violates the rules of hooks so it'll give you an error

Instead you need to call it at the beginning of your component and then use the result of it to navigate

👍 you can use a ✅ reaction if you want to mark this thread as solved - happy it helped <:meowthumbsup:723725919155650591>

https://reactjs.org/docs/hooks-rules.html this is a good guide for further reading incase you're curious

i am trying to achive something like this

```
const navigate = useNavigate();
const handleCick = (searchInput) => {
    navigate(`/menu/${searchInput}`);
  };
```

but it isn't able to read the searchinput when i click it lead me to `url/menu/undefined`

```
<button  onClick={() => {
            dispatch(searchQryHandler(searchInput));
            handleCick();
          }}
        >
          <FiSearch className="inline  mx-1 text-2xl" />
        </button>
```

`handleCick();` looks like it doesn't have any arguments passed into it

what if i don't use navigate inside useEffect

i don't think use effect is needed, you can use it without it

just like this
```
const navigate = useNavigate();
const handleCick = (searchInput) => {
    navigate(`/menu/${searchInput}`);
  };
```

yes it does work. But i show somewhere that navigate is desined to work with useEffect

but anyway, thanks for you help. Sometime discussing with other make you see the problem 😀

<:rubberduck:832304559484305428> talking it through is the best debugging technique there is