'url' property is deprecated - question

I am using withRouter HoC as described in this snippet, however, I am still getting the error:

 utils.js:26 Warning: the 'url' property is deprecated. https://err.sh/next.js/url-deprecated

• [x ] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Code executes without the deprecation warning.

Current Behavior

The error mentioned above appears.

Steps to Reproduce (for bugs)

1. Import withRouter to your component
2. Refer any field from this.props.router
3. Export your component wrapped in withRouter HoC
4. When component is rendered, the deprecation error appears in console

Context

I am implementing Navigation component that is aware of the current route (to highlight the NavItem).

Your Environment

Tech	Version
next	6.0.0
node	9.11.1
OS	OSX 10.13.4
browser	Chrome Version 66.0.3359.139

[timneutkens]

I’ve removed the suggestions in this thread saying you should create a custom _app.js that passes in the url property globally, as the reason we removed it is to be more explicit and not pass in url as a property, but instead you can inject the router using withRouter() as per the deprecation. We will provide a codemod soon to update url in pages to the withRouter() implementation automatically.

[ryanfitzer]

One of my child components triggers the warning with JSON.stringify( this.props ).