Do not use typeof variable === 'Symbol' check(ie 11 has an issue with it)

[pavelspichonak]

I use react-create-app and I use polyfills for ie 11 from react-create-app

react-create-app does not use transform-typeof-symbol babel plugin anymore because of performance and other issues.

Here is MR where they remove this babel plugin and describe the reason in more details.

So now this line is not working in ie 11 and we get this error in ie 11 when for Cell property we use component wrapped with React.memo:

Objects are not valid as a React child (found: object with keys {$$typeof, type, compare}). If you meant to render a collection of children, use an array instead.

Instead of this code:

function isExoticComponent(component) {
  return (
    typeof component === 'object' &&
    typeof component.$$typeof === 'symbol' &&
    ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)
  )
}

We need to check like this:

function isExoticComponent(component) {
  return (
    typeof component === 'object' &&
    component.$$typeof &&
    ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)
  )
}

and it will work in ie11

Related MR

cc @pengx17 @tannerlinsley

Thanks.