Type of loaderData or actionData is corrupted if return redirectWith...(...)

[tats-u]

Related:

• [Bug]: Type of loaderData wrong when returning redirect in the loader (action as well) remix-run/react-router#12335

If return redirectWith...(...) is used in action or loader, the type of actionData or loaderData in the component will be corrupted and contaminated with Response.
The type of the original redirect in React Router has been fixed in 7.1.0 by the following PR:

• ignore redirects when inferring loader data types remix-run/react-router#12527

Therefore, you should upgrade React Router as devDependencies and peerDependencies to 7.1.0 or later.

[tats-u]

npm i -D react-router@^7.1.1
npm run build

DTS Build start
src/index.ts(139,14): error TS4023: Exported variable 'createToastUtilsWithCustomSession' has or is using name 'redirectSymbol' from external module "I:/remix-toast/node_modules/react-router/dist/development/route-data-aSUFWnQ6" but cannot be named.
src/index.ts(219,14): error TS4023: Exported variable 'redirectWithToast' has or is using name 'redirectSymbol' from external module "I:/remix-toast/node_modules/react-router/dist/development/route-data-aSUFWnQ6" but cannot be named.
src/index.ts(237,14): error TS4023: Exported variable 'redirectWithError' has or is using name 'redirectSymbol' from external module "I:/remix-toast/node_modules/react-router/dist/development/route-data-aSUFWnQ6" but cannot be named.
src/index.ts(248,14): error TS4023: Exported variable 'redirectWithSuccess' has or is using name 'redirectSymbol' from external module "I:/remix-toast/node_modules/react-router/dist/development/route-data-aSUFWnQ6" but cannot be named.
src/index.ts(259,14): error TS4023: Exported variable 'redirectWithWarning' has or is using name 'redirectSymbol' from external module "I:/remix-toast/node_modules/react-router/dist/development/route-data-aSUFWnQ6" but cannot be named.
src/index.ts(270,14): error TS4023: Exported variable 'redirectWithInfo' has or is using name 'redirectSymbol' from external module "I:/remix-toast/node_modules/react-router/dist/development/route-data-aSUFWnQ6" but cannot be named.

Error: error occured in dts build
    at Worker.<anonymous> (I:\remix-toast\node_modules\tsup\dist\index.js:2294:26)
    at Worker.emit (node:events:524:28)
    at MessagePort.<anonymous> (node:internal/worker:267:53)
    at [nodejs.internal.kHybridDispatch] (node:internal/event_target:827:20)
    at MessagePort.<anonymous> (node:internal/per_context/messageport:23:28)
DTS Build error
RollupError: Failed to compile. Check the logs above.
    at error (I:\remix-toast\node_modules\rollup\dist\shared\rollup.js:353:30)
    at Object.error (I:\remix-toast\node_modules\rollup\dist\shared\rollup.js:1721:20)
    at Object.error (I:\remix-toast\node_modules\rollup\dist\shared\rollup.js:25627:42)
    at generateDtsFromTs (I:\remix-toast\node_modules\tsup\dist\rollup.js:7512:22)
    at I:\remix-toast\node_modules\tsup\dist\rollup.js:7519:59
    at _nullishCoalesce (I:\remix-toast\node_modules\tsup\dist\rollup.js:1:198)
    at Object.transform (I:\remix-toast\node_modules\tsup\dist\rollup.js:7519:18)
    at I:\remix-toast\node_modules\rollup\dist\shared\rollup.js:1914:40

[tats-u]

Proven that we don't have to take an action for this issue
Will be fixed in a future release

• 'redirectSymbol' introduced in #12527 causes type error remix-run/react-router#12615
• do not rely on symbol for filtering out redirects from loader data remix-run/react-router#12694

[AlemTuzlak]

yeah this seems like a react-router issue for sure, especially the 2nd comment you made. Please keep me posted on if this fixes it for you after they merge it!