Function useColor

packages/react-stately/src/color/useColor.ts:17–28

(value: string | Color | undefined | null)

import {useMemo} from 'react';

export function useColor(value: string | Color | undefined | null): Color | null | undefined {
  return useMemo(() => {
    if (typeof value === 'string') {
      try {
        return parseColor(value);
      } catch {
        return undefined;
      }
    }
    return value;
  }, [value]);
}