javascript - wrapWithStyles(...): 必须返回一个有效的 React 元素（或 null）

Question

我可以在没有“同构样式加载器”的情况下很好地渲染组件，但是在使用 withStyles() 导出时出现此警告

“警告：wrapWithStyles(...)：必须返回有效的 React 元素（或 null）。您可能返回了未定义的数组或其他一些无效对象。”

我已经用父“div”封装了组件

// 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; }