Setting search parameters via Link

[kimsagro1]

Currently I'm reading / writing search parameters using Link as i the example below

import { Link } from "react-router-dom";
import { useSearchParams, createSearchParams } from "react-router-dom";

export function Home() {
    const [searchParams, _] = useSearchParams();
    
    console.log('tag', searchParams.get("tag")) // example

    return (
        <>
            <Link to={{
                search: createSearchParams({
                    tag: 'example'
                }).toString()
            }}>A link</Link>
        </>
    );
}

It seems a bit verbose having to use createSearchParams and weird not using the setter of useSearchParams.

I could add an onClick on the Link but would prefer to render a valid href instead.

Is there an alternative?