useFilter
The useFilter hook uses atomWithHash under the hood. It allows one to keep state in the URL, using the hash value.
It is named useFilter
because it was initially created to filter FreeSewing
designs on the design page. But you can keep any sort of state with it.
Example
import { useFilter } from '@freesewing/react/hooks/useFilter'
const MyComponent = ({ name = 'aaron' }) => {
const [filter, setFilter] = useFilter()
// ...
}
Return value
This hook behaves just as the native useState
hook, expect that it stores the state in the URL.