@bigfishtv/cockpit/src/components/QueryLink.js

import React from 'react'
import { Link, Route } from 'react-router-dom'

import { parseQuery, stringifyQuery } from '../utils/urlUtils'

const QueryLink = ({ query, ...rest }) => (
	<Route>
		{({ location }) => (
			<Link
				{...rest}
				to={{
					...location,
					search: stringifyQuery({ ...parseQuery(location.search), ...query }),
				}}
			/>
		)}
	</Route>
)

export default QueryLink