How do I return data from middleware?

[YakuBrangJa]

I want similar behavior for middleware like action and loader when I return data()

// this code straight up throwing error like
// Oops!: Unable to decode turbo-stream response
// (or)
// Error: An unexpected error occurred.

const handleErrorMiddlware: MiddlewareFunction = async ({request, context}, next) => {
  return data({}, {status: 200})
}

// this code works but bubble up to error boundary

const handleErrorMiddlware: MiddlewareFunction = async ({request, context}, next) => {
  throw data({}, {status: 200})
}

I don't want to blow up the UI with Error Boundary when the user click a button that fire Route's action().

[brookslybrand]

There is no middleware in Remix v2

For all React Router related questions, please open discussion on https://github.com/remix-run/react-router/discussions

You don't return data from middleware, please review the React Router middleware documentation for more information and examples