diff --git a/packages/client/src/crumbs/HistoryCrumbs.tsx b/packages/client/src/crumbs/HistoryCrumbs.tsx
index 04e627f..c5e9499 100644
--- a/packages/client/src/crumbs/HistoryCrumbs.tsx
+++ b/packages/client/src/crumbs/HistoryCrumbs.tsx
@@ -34,7 +34,7 @@ export const HistoryCrumbs = withHistory(
       }
     }
 
-    componentWillMount() {
+    componentDidMount() {
       this.handleChange(this.props.history.location.pathname)
       this.unlisten = this.props.history.listen((location, action) => {
         this.handleChange(this.props.history.location.pathname)