ClipboardCopy doesn't update when children are updated

The ClipboardCopy component should be updating along with the counter in that video, but it doesn’t.

Here’s the code to generate that example:

class Test extends React.Component<{}, { counter: number }> {
    constructor(props) {
        super(props);
        this.state = { counter: 0 };
    }

    componentDidMount() {
        setInterval(
            () => this.setState({ counter: this.state.counter + 1 }),
            1000,
        );
    }

    render() {
        return (
            <React.Fragment>
                {this.state.counter.toString()}
                <ClipboardCopy>{this.state.counter.toString()}</ClipboardCopy>
            </React.Fragment>
        );
    }
}

[SpyTec]

@newswangerd submitted a PR for it in #2849, luckily it’s an easy fix 😃

[newswangerd]

@redallen I tested it on code sandbox, and it worked. I did some digging and it turns out this was breaking on my app because the dependencies didn’t get reloaded correctly after I updated them. Sorry to bother you with this!