Bad way to sync redux and URL

Component.js

import React, { Component} from 'react';
import PropTypes from 'prop-types';

class Example extends Component {
    static contextTypes = {
        router: PropTypes.object.isRequired
    };

    onChange = () => {
      // PUSH TO URL
      this.context.router.push({
            pathname: this.context.router.location.pathname,
            query: {
                ...this.context.router.location.query,
                date: date
            }
        });
    }

    render() {
        // render something
    }
}