allow Redirect to use navigate options.replace

packages/router/src/__tests__/router.test.tsx

@@ -1191,6 +1191,31 @@ test('jump to new route, then go back', async () => {
   await waitFor(() => screen.getByText('Home Page'))
 })
 
+test('redirect replacing route', async () => {
+  const ListWithDefaultParamsPage = (props) => {
+    if (props['_limit']) {
+      return <h1>List Page</h1>
+    }
+    return <Redirect to="/list?_limit=10" options={{ replace: true }} />
+  }
+  const TestRouter = () => (
+    <Router>
+      <Route path="/" page={HomePage} name="home" />
+      <Route path="/list" page={ListWithDefaultParamsPage} name="list" />
+    </Router>
+  )
+  const screen = render(<TestRouter />)
+
+  // starts on home page
+  await waitFor(() => screen.getByText('Home Page'))
+
+  act(() => navigate(routes.list()))
+  await waitFor(() => screen.getByText('List Page'))
+  act(() => back())
+  // without options.replace = true in Redirect, back would go to List Page
+  await waitFor(() => screen.getByText('Home Page'))
+})
+
 describe('trailing slashes', () => {
   const TSNeverRouter = () => (
     <Router trailingSlashes={'never'}>

packages/router/src/links.tsx

@@ -1,6 +1,6 @@
 import { forwardRef, useEffect } from 'react'
 
-import { navigate } from './history'
+import { navigate, NavigateOptions } from './history'
 import { useLocation } from './location'
 import { flattenSearchParams, matchPath } from './util'
 
@@ -151,13 +151,14 @@ const NavLink = forwardRef<
 interface RedirectProps {
   /** The path to redirect to */
   to: string
+  options?: NavigateOptions
 }
 
 /**
  * A declarative way to redirect to a route name
  */
-const Redirect = ({ to }: RedirectProps) => {
-  useEffect(() => navigate(to), [to])
+const Redirect = ({ to, options }: RedirectProps) => {
+  useEffect(() => navigate(to, options), [to, options])
   return null
 }