useResponsiveValue won't use custom breakpoint names about atomic-layout HOT 2 OPEN

import { useState } from 'react';
import Layout, { useViewportChange } from 'atomic-layout';

export default ({ to, from }) => {
  const [matches, setMatches] = useState(false);

  useViewportChange(() => {
    setMatches(
      (typeof to === 'undefined' ||
        window.innerWidth < Layout.breakpoints[to].maxWidth) &&
        (typeof from === 'undefined' ||
          window.innerWidth > Layout.breakpoints[from].minWidth)
    );
  });

  return matches;
};