`Sentry.wrapRemixHandleError` missing request information

[clovis1122]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/remix

SDK Version

7.91.0

Framework Version

2.4.1

Link to Sentry event

https://recruitercom.sentry.io/issues/4787393394/?project=4504806528253952&query=is%3Aunresolved&referrer=issue-stream&statsPeriod=24h&stream_index=0

SDK Setup

No response

Steps to Reproduce

1. Throw an error inside a loader function

Expected Result

Sentry log the error with request information

Actual Result

Sentry is logging the error without request information.

[clovis1122]

I spent some time debugging this locally and think it may be related to this code:

sentry-javascript/packages/remix/src/utils/web-fetch.ts

Lines 34 to 47 in 679e149

	const getInternalSymbols = (
	request: Record<string, unknown>,
	): {
	bodyInternalsSymbol: string;
	requestInternalsSymbol: string;
	} => {
	const symbols = Object.getOwnPropertySymbols(request);
	return {
	// eslint-disable-next-line @typescript-eslint/no-explicit-any
	bodyInternalsSymbol: symbols.find(symbol => symbol.toString().includes('Body internals')) as any,
	// eslint-disable-next-line @typescript-eslint/no-explicit-any
	requestInternalsSymbol: symbols.find(symbol => symbol.toString().includes('Request internals')) as any,
	};
	};

I do not see any of these internals defined as I debug this, so this function always returns undefined symbols and Remix fails to normalize the request:

I wonder why Sentry needs to do this conversion instead of reading the standard Request directly to get the information as needed?

[onurtemizkan]

Hi @clovis1122, thanks for reporting.

I have tried to reproduce this locally with the latest SDK and Remix 2.4.1 and did not see any problems with the request data getting attached.

I wonder why Sentry needs to do this conversion instead of reading the standard Request directly to get the information as needed?

We are replicating the behaviour of Remix (web-fetch) while extracting information from requests for consistency.

Could you please provide us a reproduction so we can debug it further?

[clovis1122]

@onurtemizkan I took a second look at this. It seems the code relies on Remix's polyfill for NodeJS's fetch API. The internals like bodyInternalsSymbol and requestInternalsSymbol are available upon installing Remix's polyfill, like so:

import { installGlobals } from "@remix-run/node";
installGlobals();

However, this polyfill should not be needed, starting on NodeJS v18 which includes the Fetch API enabled by default. I do not use it in my app (which runs on Node v20). Sentry should not read Remix internals either. A backward-compatible, future-proof solution is to read from the standard request directly.

sentry-javascript/packages/remix/src/utils/web-fetch.ts

Line 70 in 679e149

export const normalizeRemixRequest = (request: RemixRequest): Record<string, any> => {

This implementation can be modified to read from request using the standard interface. The request's URL is available via request.url. The header are available via request.headers.