Multi use queryState

[bryanjtc]

Let's say i have a queryState named dateFilter and a dashboard. Each graph in the dashboard needs it own date filter. I have to declare manually queryState for each one, and use unique keys to avoid conflict. Is there any way to create something like a jotai atom family to avoid to do repetitive declarations?

[franky47]

You could abstract that hook definition in a custom hook that takes the prefix as argument:

export function useDashboardDateFilter(prefix: string) {
  return useQueryState(`${prefix}-dateFilter`, parseAsDateFilter)
}

[bryanjtc]

Yeah a custom hook works for now. I will be on the lookout for the equivalent of an atom family 👀