stepper.jsx

import { Stepper, Step } from 'react-stepper' // need a new name, this is taken

render(
  <div>
    <Stepper active={0}>
      <Step>
        {({ next, prev, clear }) => (...component1...)}
      </Step>
      <Step>
        {({ next, prev, clear }) => (...component2...)}
      </Step>
      <Step>
        {({ next, prev, clear }) => (...component3...)}
      </Step>
    </Stepper>
  </div>
, root)