params.jsx

// pages/params.jsx
import Router from 'next/router'
import { useRouter } from 'lib/router'

function MyComponent() {
    const { query, pathname } = useRouter()
    
    function handleSubmit(evt) {
        const params = new FormData(evt.currentTarget).getAll("fruits");
        evt.preventDefault();
        Router.replace(
            { pathname, query: { ...query, params }},
            null,
            { shallow: true }
        )
    }
    
    return (
        <form>
            {...}
            <button type="submit">Apply</button>
        </form>
    )
}