summaryrefslogtreecommitdiffstats
path: root/src/utils/hooks/use-query-selector-all.tsx
blob: dbeec90814ee0345bd79957b192c400a17f314d0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import { useEffect, useState } from 'react';

const useQuerySelectorAll = <T extends keyof HTMLElementTagNameMap>(
  query: string
) => {
  const [elements, setElements] =
    useState<NodeListOf<HTMLElementTagNameMap[T]>>();

  useEffect(() => {
    setElements(document.querySelectorAll(query));
  }, [query]);

  return elements;
};

export default useQuerySelectorAll;