@material/react-drawer hacks

hacks.tsx

import DefaultDrawer, { DrawerProps } from "@material/react-drawer";

// creating the styled component
const Wrapper = styled((props: DrawerProps) => (
  // HACK: workaround buggy drawer typings
  <DefaultDrawer {...props as any} />
))`
  && {
    /* HACK: work around buggy drawer styles */
    position: fixed;
    top: 0;
    padding: ${p => p.theme.size.pad.m};
  }
`;

// usage in the render method... needed to portal
return ReactDOM.createPortal(
  <Drawer isOpen={isOpen} {...renderProps} />,
  document.body
);