---
title: Navigate
---

# Navigate

[MODES: framework, data, declarative]

## Summary

[Reference Documentation ↗](https://api.reactrouter.com/v7/functions/react_router.Navigate.html)

A component-based version of [useNavigate](../hooks/useNavigate) to use in a [`React.Component
Class`](https://reactjs.org/docs/react-component.html) where hooks are not
able to be used.

It's recommended to avoid using this component in favor of [useNavigate](../hooks/useNavigate)

```tsx
<Navigate to="/tasks" />
```

## Props

### relative

[modes: framework, data, declarative]

_No documentation_

### replace

[modes: framework, data, declarative]

_No documentation_

### state

[modes: framework, data, declarative]

_No documentation_

### to

[modes: framework, data, declarative]

_No documentation_