Method componentDidUpdate

src/components/TextLoop.tsx:82–118

(prevProps: Props, prevState: State)

    }

    componentDidUpdate(prevProps: Props, prevState: State): void {
        const { interval, children, delay } = this.props as Props;
        const { currentWordIndex } = this.state;

        const currentInterval = Array.isArray(interval)
            ? interval[currentWordIndex % interval.length]
            : interval;

        if (prevState.currentInterval !== currentInterval) {
            this.clearTimeouts();

            if (currentInterval > 0 && React.Children.count(children) > 1) {
                this.tickDelay = requestTimeout(() => {
                    this.tickLoop = requestTimeout(this.tick, currentInterval);
                }, delay);
            } else {
                this.setState((state, props) => {
                    const { currentWordIndex: _currentWordIndex } = state;

                    return {
                        currentInterval: Array.isArray(props.interval)
                            ? props.interval[
                                  _currentWordIndex % props.interval.length
                              ]
                            : props.interval,
                    };
                });
            }
        }

        if (!isEqual(prevProps.children, children)) {
            // eslint-disable-next-line react/no-did-update-set-state
            this.setState({
                elements: React.Children.toArray(children),
            });
        }
    }

    componentWillUnmount(): void {
        this.isUnMounting = true;