Doesn't work with dom components wrapped in React.memo about why-did-you-render

[vzaidman]

fixing

[vzaidman]

fixed in 3.3.8:
https://codesandbox.io/s/welldone-softwarewhy-did-you-render-memo-a-text-example-pzn3b

[JackHowa]

I'm still seeing this using a custom memo check

import React, { memo } from 'react';
import PropTypes from 'prop-types';
import { StyledContainer } from './styles';
import deepCompareUpdate from '~/utils/deepCompareUpdate';

function Item({ things, title }) {
  return (
    <StyledContainer>
      <div>
        <h5>{title}</h5>
        {things.map(thing => (
          <p key={thing}>{thing}</p>
        ))}
      </div>
    </StyledContainer>
  );
}

Item.propTypes = {
  title: PropTypes.string,
  things: PropTypes.array,
};

Item.defaultProps = {
  title: '',
  things: [],
};

export default memo(Item, deepCompareUpdate);


// deepCompareUpdate
import isEqual from 'react-fast-compare';
// fast compare is like lodash's isEqual but suited for react
// note: neither solve for checking children components
// https://formidable.com/blog/2018/introducing-react-fast-compare/

const deepCompareUpdate = (props, nextProps) =>
  Object.keys(props).some(k => !isEqual(props[k], nextProps[k]));

export default deepCompareUpdate;

**some code removed if you see props in the warning, unrelated to issue

[vzaidman]

@JackHowa where's the problem?
do you have

TypeError: e.apply is not a function

?