How to use the @chakra-ui/hooks.useLogger function in @chakra-ui/hooks

To help you get started, weโ€™ve selected a few @chakra-ui/hooks examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github chakra-ui / chakra-ui / packages / chakra-ui / src / Select / Selectv2.tsx View on Github external
listBoxRef.current &&
        !listBoxRef.current.contains((event.relatedTarget ||
          document.activeElement) as HTMLElement);

      if (shouldCloseMenu) {
        closeMenu();
      }
    },
  };

  const { reference, popper } = usePopper({
    placement: "right",
    positionFixed: true,
  });

  useLogger(popper.styles);

  const _controlRef = useForkRef(controlRef, reference as any);
  const _listBoxRef = useForkRef(listBoxRef, popper as any);

  const context = React.useMemo(
    () => ({
      props: {
        selectOptionOnTab,
      },
      state: {
        ...state,
        isOpen: _isOpen as boolean,
      },
      dispatch,
      actions: {
        closeMenu,