diff --git a/src/rsg-components/Pathline/PathlineRenderer.js b/src/rsg-components/Pathline/PathlineRenderer.js
index b8452276e..7b30a0ff9 100644
--- a/src/rsg-components/Pathline/PathlineRenderer.js
+++ b/src/rsg-components/Pathline/PathlineRenderer.js
@@ -10,7 +10,7 @@ export const styles = ({ space, fontFamily, fontSize, color }) => ({
fontFamily: fontFamily.monospace,
fontSize: fontSize.small,
color: color.light,
- wordBreak: 'break-all'
+ wordBreak: 'break-all',
},
copyButton: {
marginLeft: space[0],
diff --git a/src/rsg-components/Usage/Usage.js b/src/rsg-components/Usage/Usage.js
index 02641c92d..83448a4b3 100644
--- a/src/rsg-components/Usage/Usage.js
+++ b/src/rsg-components/Usage/Usage.js
@@ -2,10 +2,11 @@ import React from 'react';
import PropTypes from 'prop-types';
import Props from 'rsg-components/Props';
import Methods from 'rsg-components/Methods';
+import isEmpty from 'lodash/isEmpty';
export default function Usage({ props: { props, methods } }) {
- const propsNode = props && ;
- const methodsNode = methods && methods.length > 0 && ;
+ const propsNode = !isEmpty(props) && ;
+ const methodsNode = !isEmpty(methods) && ;
if (!propsNode && !methodsNode) {
return null;
diff --git a/src/rsg-components/slots/UsageTabButton.js b/src/rsg-components/slots/UsageTabButton.js
index 98a33259f..227438a26 100644
--- a/src/rsg-components/slots/UsageTabButton.js
+++ b/src/rsg-components/slots/UsageTabButton.js
@@ -1,10 +1,11 @@
import React from 'react';
import PropTypes from 'prop-types';
import TabButton from 'rsg-components/TabButton';
+import isEmpty from 'lodash/isEmpty';
const UsageTabButton = props => {
const component = props.props;
- const showButton = component.props || (component.methods && component.methods.length > 0);
+ const showButton = !isEmpty(component.props) || !isEmpty(component.methods);
return showButton ? Props & methods : null;
};