Метод материализации перестает работать, когда я меняю маршрут

Question

Мне удается заставить коллапс работать на React. Моя проблема в том, что как только я меняю страницу и вернулся, я не могу использовать метод материализации.

import React, { Component } from 'react'
import M from 'materialize-css'

class Exemple extends Component {

    constructor(props) {


        super(props)
        this.state = {


        }


    }
    componentDidMount() {

        document.addEventListener('DOMContentLoaded', function () {
            var elems = document.querySelectorAll('.collapsible');
            M.Collapsible.init(elems, 'onOpenStart');
        })

    }

    render() {

        return (


            <div>
                <div id='Home' className="row">
                    <h1>{heading} </h1>
                    <a> <img src={this.state.register} alt='' /></a>
                    <section className="container section" >

                        <ul class="collapsible">
                            <li class="active">
                                <div className="collapsible-header"><i className="material-icons">assignment_ind</i>{colaps1}</div>
                                <div className="collapsible-body"><span>THIS IS A TEST</span>
                                    <ul className='textFloat'>
                                        <li>TEST</li>
                                        <li>TEST2</li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <div className="collapsible-header"><i className="material-icons">assignment</i>ANOTHER Collapsible</div>
                                <div className="collapsible-body"><ul className='textFloat'>
                                    <li>{li5}</li>
                                    <li>{li6}</li>
                                </ul></div>
                            </li>
                    </section>



                </div>

            </div>




        )
    }

}

export default Exemple

На данный момент не сделал 'Не могу найти способ заставить его работать, когда я переключаюсь между страницами, я теряю рабочий метод, но если я обновляю страницу, метод начинает работать.

Я думаю, что проблема связана с componentDidMount, мне нужно исправитьон