Как приостановить дизмаунт компонента чтобы отработала анимация?

import React from 'react';

const withFade = (PassedComponent) => {
    return class extends React.Component {
        state = {
            wrapperStyle: {
                transition: 'opacity .2s ease-out',
                opacity: '0'
            }
        }


        unfade = () => this.setState({ wrapperStyle: { ...this.state.wrapperStyle, opacity: '1' } })
        fade = () => this.setState({ wrapperStyle: { ...this.state.wrapperStyle, opacity: '0' } })
        componentDidMount = () => { this.unfade() }
        componentWillUnmount = () => { this.fade() }
        render() {
            return (
                <div style={this.state.wrapperStyle}>
                    <PassedComponent
                        {...this.props}
                    />
                </div>
            )
        }
    }
}
export default withFade