lmosele

// clicking outside of div will hide <p>
const Menu = props => {
  const { ref, isComponentVisible } = useComponentVisible(true);

  return (
    <div ref={ref}>
      {isComponentVisible && <p>{props.children}</p>}
    </div>
  );
};

lmosele

import React from "react"; // "react": "^16.8.6",
import Frame, { FrameContextConsumer } from "react-frame-component";  // "react-frame-component": "^4.1.0",
import { StyleSheetManager, withTheme, ThemeProvider } from "styled-components"; // "styled-components": "^3.3.3",

export default withTheme(props => {
  const { theme, style = {}, children, ...rest } = props;
  return (
    <Frame
      style={{
        display: "block",

lmosele