Reactive URLSearchParams with ramda and react-router

source.js

const [searchParams, setSearchParams] = useSearchParams({ [searchParam]: defaultValue, })

useEffect(() => {
  setSearchParams(
    tap(
      when(
        compose(anyPass([isEmpty, isNil]), invokeGet(tabSearchParam)),
        invokeSet(searchParam, defaultValue)
      )
    )
  )
}, [searchParams])

utilities.js

const searchParam = 'test'

const defaultValue = 'value'

const invokeGet = invoker(1, 'get')

const invokeSet = invoker(2, 'set')