Combine redirect function

packages/next/client/components/redirect.ts

@@ -1,6 +1,21 @@
+import React, { experimental_use as use } from 'react'
+import { AppRouterContext } from '../../shared/lib/app-router-context'
+import { createInfinitePromise } from './infinite-promise'
+
 export const REDIRECT_ERROR_CODE = 'NEXT_REDIRECT'
 
 export function redirect(url: string) {
+  if (process.browser) {
+    const router = use(AppRouterContext)
+    setTimeout(() => {
+      // @ts-ignore startTransition exists
+      React.startTransition(() => {
+        router.replace(url, {})
+      })
+    })
+    // setTimeout is used to start a new transition during render, this is an intentional hack around React.
+    use(createInfinitePromise())
+  }
   // eslint-disable-next-line no-throw-literal
   throw {
     url,

test/e2e/app-dir/app/app/redirect/client-side/page.js

@@ -1,6 +1,6 @@
 'client'
 
-import { redirect } from 'next/dist/client/components/redirect-client'
+import { redirect } from 'next/dist/client/components/redirect'
 import React from 'react'
 
 export default function Page() {