diff --git a/packages/react-router/src/Match.tsx b/packages/react-router/src/Match.tsx
index 24cfe06810..58f00e8e77 100644
--- a/packages/react-router/src/Match.tsx
+++ b/packages/react-router/src/Match.tsx
@@ -291,14 +291,16 @@ export const Outlet = React.memo(function OutletImpl() {
 
   const nextMatch = <Match matchId={childMatchId} />
 
-  const pendingElement = router.options.defaultPendingComponent ? (
-    <router.options.defaultPendingComponent />
-  ) : null
-
   if (matchId === rootRouteId) {
-    return (
-      <React.Suspense fallback={pendingElement}>{nextMatch}</React.Suspense>
-    )
+    const PendingComponent =
+      route.options.pendingComponent ?? router.options.defaultPendingComponent
+    if (PendingComponent !== undefined) {
+      return (
+        <React.Suspense fallback={<PendingComponent />}>
+          {nextMatch}
+        </React.Suspense>
+      )
+    }
   }
 
   return nextMatch