React componente renderizando duas vezes

Pessoal estou com um problema em que meus componente são renderizados 2/3 vezes e estou desconfiado de uma implementação, porém não tenho certeza se é culpa dela.
A implementação é a seguinte, tenho um LayoutContext responsável por controlar as props que passo para meu layout da seguinte forma:

class App extends Component {
render() {
    return (
        <AuthProvider>
            <LayoutProvider>
                <Provider {...store}>
                    <Routes></Routes>
                </Provider>
            </LayoutProvider>
        </AuthProvider>
    );
}

}

Aqui é onde passo as props consumindo o meu LayoutContext:

  render() {
    const Layout = this.getLayout();
    // rendering the router with layout
    return (
        <BrowserRouter>
        <LayoutContext.Consumer>
        {value => {
            return(
  
            <Layout 
                {...this.props}
                hideSearch={value.hideSearch}
                pageTitle={value.pageTitle}
                topBarModule={value.topBarModule}
                leftSideBarClass={value.leftSideBarClass}
                headChildren={value.headChildren}
            >
                <Switch>
                    {routes.map((route, index) => {
                        return (
                            !route.children && (
                                <route.route
                                    key={index}
                                    path={route.path}
                                    roles={route.roles}
                                    exact={route.exact}
                                    component={route.component}></route.route>
                            )
                        );
                    })}
                </Switch>
            </Layout>
                  )}}
                  </LayoutContext.Consumer>
        </BrowserRouter>
    );
}
}

E depois para mudar o layout eu faço isso (Eu acho que o erro esta aqui), dentro do ComponentDidMount de cada componente que eu quero fazer a alteração de layout eu altero as props do meu LayoutContext:

    static contextType = LayoutContext;

componentDidMount() {
    console.log("passou aqui")
    const { financialBasics, setHeadChildren, setPageTitle } = this.context
    setPageTitle("Clientes e Fornecedores > Exibir Todos")
    setHeadChildren()
    financialBasics()
}

o console.log do ComponentDidMount é disparado duas vezes e se eu tiro o LayoutContext ele é disparado apenas uma vez, por isso desconfio que seja isso