IE11: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но есть: object

Question

const header = ReactDOMServer.renderToString(<MyComponent testprops={this.props.testprops}  />)

Я получаю «Недопустимый тип элемента: ожидал строку (для встроенных компонентов) или класс / функцию (для составных компонентов), но получил: объект». проблема только в Internet Explorer 11.

Когда я удаляю приведенный выше код, он работает идеально, мне нужен код abpve для window.print () с заголовком

Fix:

const MyComponent = React.memo(props => {
   return (<span>Testing</span>)
})

изменено на

class MyComponent extends PureComponent {
    return (<span>Testing</span>)
}

React.memo выдает ошибку

Answer 1

ReactDOMServer.renderToString(<MyComp />)

MyComp не должен создаваться с React.memo или <Fragment>, IE11 выбрасывает Тип элемента является недопустимой ошибкой для обоих.

Удаление React.memo или <Fragment> решит проблему