Prevent null Values from Being Added to URL Parameters

[megaarmos]

Currently, when passing null values in the data object, the router still includes the parameter in the URL with an empty value.

router.visit(route('home'), {
  data: { filter_user_id: value },
})

If value is null, the generated URL will be:

yourdomain.com/?filter_user_id=

This behavior is often undesirable, as empty parameters may cause issues with backend processing or clutter the URL.

Suggested Improvement:

Automatically exclude null (and optionally undefined) values from being added to the URL.

Workaround:

To avoid this, I currently use the following helper function:

export const safeQuery = <T>(queryObject: T): T => {
  const safeQueryObject = { ...queryObject }

  for (const key in safeQueryObject) {
    if (safeQueryObject[key] === undefined || safeQueryObject[key] === null) {
      delete safeQueryObject[key]
    }
  }

  return safeQueryObject
}

Usage:

router.visit(route('home'), {
  data: safeQuery({ filter_user_id: value }),
})

Expected result:

• If value is null or undefined, the URL remains yourdomain.com (without ?filter_user_id=).
• If value has a valid value, it is included as usual.

Would it be possible to implement this behavior directly in the router? This would help prevent unnecessary query parameters from being included.