I currently have four routes in place using the same controller:

```js
    <Route
        component={App}
        path='/'
    >
        <Route
            component={Search}
            path='/accommodation'
        />
        <Route
            component={Search}
            path='/accommodation/:state'
        />
        <Route
            component={Search}
            path='/accommodation/:state/:region'
        />
        <Route
            component={Search}
            path='/accommodation/:state/:region/:area'
        />
    </Route>
```

The component connects the `mapStateToProps` to a function that loads data from an api.

```js
// ACTIONS
// ==============================================

function mapStateToProps ({destination, properties}) {
    return {destination, properties};
}

// CONNECT & EXPORT
// ==============================================

export default connect(mapStateToProps)(
    connectDataFetchers(Search, [loadSearch])
);
```

and renders a list of results. 

When the route is changed to any of the others using the same controller, the data is not reloaded with a relevant call to the api to fetch the new set of results.

Is this possible to do either with react-router of any of the componentWill functions?

SOLUTION
========

Thanks to @john-ruddell the following solution works:

```js
componentWillReceiveProps = (nextProps) => {
  if (this.props.params != nextProps.params) {
    loadSearch(nextProps.params);
  }
}
```