Shallow rendering with React.memo

[henryqdineen]

I understand that the future of react-test-render/shallow is uncertain but I thought I would log this issue anyway. It looks like components wrapped in React.memo will not re-render unless props changed. In our case the component is using the useState hook and updating state does not re-render when using wrapped in React.memo()

react/packages/react-test-renderer/src/ReactShallowRenderer.js

Lines 621 to 627 in 54f6673

	if (isMemo(element) && previousElement !== null) {
	// This is a Memo component that is being re-rendered.
	const compare = element.type.compare || shallowEqual;
	if (compare(previousElement.props, element.props)) {
	shouldRender = false;
	}
	}

Contrived codesandox example:

https://codesandbox.io/s/sweet-field-ydm0c?fontsize=14&hidenavigation=1&module=%2Fsrc%2Findex.test.js&previewwindow=tests&theme=dark

[bdwain]

this is mentioned in #17278 and is fixed in enzymejs/enzyme#2300

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contribution.

[gaearon]

Please feel free to file this in https://github.com/NMinhNguyen/react-shallow-renderer.