Addressed flow issues

This commit is contained in:
Jori Lallo
2017-09-24 14:25:14 -07:00
parent 4ee532d65b
commit ba112f250a
3 changed files with 16 additions and 12 deletions

View File

@ -9,7 +9,9 @@ const activeStyle = {
fontWeight: fontWeight.semiBold,
};
// $FlowFixMe :/
// This is a hack for `styleComponent()` as NavLink fails to render without `to` prop
const StyleableDiv = props => <div {...props} />;
const styleComponent = component => styled(component)`
display: block;
overflow: hidden;
@ -25,7 +27,7 @@ const styleComponent = component => styled(component)`
`;
function SidebarLink(props: Object) {
const Component = styleComponent(props.to ? NavLink : 'div');
const Component = styleComponent(props.to ? NavLink : StyleableDiv);
return <Component exact activeStyle={activeStyle} {...props} />;
}