wrapWithStyles(...): должен быть возвращен действительный элемент React (или ноль)

Question

Я могу хорошо визуализировать компонент без 'isomorphic-style-loader', но я получаю это предупреждение при экспорте с использованием withStyles ()

"Предупреждение: wrapWithStyles(...): должен быть возвращен действительный элемент React (или ноль). Возможно, вы вернули undefined, массив или какой-либо другой недопустимый объект."

Я вложил компонент с родительским '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; }