next.js/examples/with-ioc/components/endbutton.js

import React from 'react'
import { inject } from 'ioc'
import PropTypes from 'prop-types'

@inject({
  Router: PropTypes.object
})
export default class extends React.Component {
  render() {
    const { Router } = this.props

    return (
      <div
        style={{
          marginTop: '5px',
          border: '1px dashed #00ff00',
          padding: '10px'
        }}
      >
        <h3>EndButton</h3>
        Uses injected `Router` component without direct dependency on one
        <br />
        <button onClick={() => Router.pushRoute('about', { foo: 'bar' })}>
          Route to About foo bar
        </button>
        <br />
        <button onClick={() => Router.pushRoute('/')}>go Home</button>
      </div>
    )
  }
}