Function useObjectPurify

packages/shared/src/hooks/useDomPurify.ts:27–56

(
  obj: T,
  props: UseObjectPurifyOptionalProps<T> = {},
)

};

export const useObjectPurify = <T extends PurifyObject>(
  obj: T,
  props: UseObjectPurifyOptionalProps<T> = {},
): UseObjectPurify<T> => {
  const { filters = [], defaultValue } = props;
  const [purify, setPurify] = useState<DOMPurify>();

  useEffect(() => {
    setPurify(() => createDOMPurify(globalThis.window));
  }, []);

  const reduced = (keys: (keyof T)[]) =>
    keys.reduce(
      (result, key) => ({
        ...result,
        [key]: purify?.sanitize?.(obj[key]) ?? defaultValue?.[key] ?? '',
      }),
      { isReady: !!purify } as UseObjectPurify<T>,
    );

  return useMemo(() => {
    if (filters.length === 0) {
      return reduced(Object.keys(obj));
    }

    return reduced(filters);
    // @NOTE see https://dailydotdev.atlassian.net/l/cp/dK9h1zoM
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [purify, obj, props]);
};