@packages/draft-modal incompatible with React 17

[lijuenc]

When using the Kaizen modal with React 17 you might encounter an error that says Unable to find node on an unmounted component.

This affects all React modals as the error appears to be originating from the use of a CSSTransition in our GenericModal. CSSTransition is a component from the react-transition-group package and is used to perform animations when opening and closing the modal.

kaizen-design-system/draft-packages/modal/KaizenDraft/Modal/Primitives/GenericModal.tsx

Line 170 in c39749f

<CSSTransition

Using something as simple as <GenericModal isOpen={isOpen}>test</GenericModal> and toggling the value of isOpen from true to false or false to true will cause this error.

I have a repository with a minimal reproducible scenario here. It just has the draft modal package, React 17, and a button that attempts to open a modal.

https://github.com/cultureamp/lijuenc-kaizen-modal

[lijuenc]

Fixed by #1301