Problem z clearInterval() (React)

Cześć! Mam problem z funkcja clearInterval, którego zupełnie nie rozumiem. Otóż cokolwiek bym nie robił nie chce ona zadziałać:

class MyComponent extends React.Component {
   componentDidMount() {
            let counter = 0;
            this.interval = setInterval(
                () => {console.log("interval")}, 1000
            )

            this.timeout = setTimeout(() => {
                clearInterval(this.interval);
                console.log('TIMEOUT')
            }, 3000)

        }
}

Napis 'Interval' wyświetla się w konsoli co sekundę pomimo zastosowania clearInterval. Dodam jeszcze że w metodzie render() jest tylko pusty div poza tym nic więcej w tym komponencie nie ma

Przecież działa: https://codepen.io/caderek/pen/KyZqPg?editors=0012

PS
Czyszczenie interwału timeoutem to raczej głupi pomysł.

Tak okazało się, że niechcący zaimportowało mi się coś dziwnego do pliku i nadpisywało to funkcję setInterval. Problem już rozwiązany :)