wrapWithStyles（...）：必须返回有效的React元素（或null）

Question

我可以很好地渲染组件，而无需使用＆＃39; isomorphic-style-loader＆＃39; 但是在使用withStyles（）

导出时会收到此警告

＆＃34;警告：wrapWithStyles（...）：必须返回有效的React元素（或null）。您可能已经返回了undefined，数组或其他一些无效对象。＆＃34;

我已将该组件与父级＆＃39; div＆＃39;

括起来

// MyComponent.js
import React from 'react';
import PropTypes from 'prop-types';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import s from './Header.scss';

function MyComponent(props, context) {
  return (
    <div className={s.root}>
      <h1 className={s.title}>Hello, world!</h1>
    </div>
  );
}

export default withStyles(MyComponent,s); 

// MyComponent.scss
.root { padding: 10px; }
.title { color: red; }