Regression: React.use build error with React 18 and Webpack/Rspack

[agneym]

Which project does this relate to?

Router

Describe the bug

Build error on using Webpack/Rspack bundlers.

rspack build
ERROR in ./node_modules/@tanstack/react-router/dist/esm/utils.js 6:19-33
  × ESModulesLinkingError: export 'use' (imported as 'React$1') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, act, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, startTransition, unstable_act, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition, version)
   ╭─[6:18]
 4 │ * React.use if available (React 19+), undefined otherwise.
 5 │ * Use dynamic lookup to avoid Webpack compilation errors with React 18.
 6 │ */ var reactUse = React$1["use"];
   ·                   ──────────────
 7 │ var useLayoutEffect = typeof window !== "undefined" ? React$1.useLayoutEffect : React$1.useEffect;
 8 │ /**
   ╰────


Rspack compiled with 1 error in 465 ms
error: script "build" exited with code 1

Similar to #6332 #7176

Complete minimal reproducer

https://github.com/agneym/tanstack-router-rspack-use

Steps to Reproduce the Bug

bun install
bun run build

Expected behavior

No errors

Screenshots or Videos

No response

Platform

• Router / Start Version: 1.170.10
• OS: macOS
• Browser: [e.g. Chrome, Safari, Firefox]
• Browser Version: [e.g. 91.1]
• Bundler: rspack
• Bundler Version: 2.0.6

Additional context

No response

[chenjiahan]

We will fix this issue on the Rspack side @hardfist