Using i18n configuration throws "Warning: Prop href did not match" error

[marnixhoh]

What version of Next.js are you using?

10.0.8

What version of Node.js are you using?

14.16.1

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

Custom server for development

Describe the Bug

I am getting a Warning: Prop `href` did not match error after adding i18n / Internationalized Routing to my next.config.js file. Note, that without adding that, this error does not occur. The i18n section of my next.config.js file:

i18n: {
    locales: ['en-US', 'nl'],
    defaultLocale: 'en-US',

    domains: [{
        domain: 'localhost',
        defaultLocale: 'nl',
        locales: ['en-US']
    }]
}

Below is the error I receive. Note that I am developing on http://localhost, but for some reason next.js is forcing https on the server:

Warning: Prop `href` did not match. Server: "https://localhost/" Client: "/"

This error traces back to the href property set on the next/link Component.

Next version: 10.0.8

Expected Behavior

I expect this error to not occur...

To Reproduce

Adding the above i18n configuration to a next.js project.

[marnixhoh]

Note that I have added a summary of the above in a comment to #19922, since I believe these two issues might be related

[marnixhoh]

Closing, because it is a duplicate of #22130

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.