cant-optimize-a-render-prop.jsx

const App = (props) => (
  <div>
    <h1>Welcome, {props.name}</h1>
    <Route path=”/” render={() => (
      <div>
        {/*
          props.name is from outside of Route and it’s not passed in
          as a prop, so Route can’t reliably be a PureComponent, it
          has no knowledge of what is rendered inside here.
        */}
        <h1>Hey, {props.name}, let’s get started!</h1>
      </div>
    )}/>
  </div>
)