title: Cant find react error which child is missing key prop
body: <p>I get the very common <strong>Warning: Each child in an array or iterator should have a unique "key" prop.</strong> This is usually very easy to resolve but in this case its just impossible to me to figure out where the issue is created.</p>
  
  <p>My stack trace:</p>
  
  <pre><code> in hoc (created by Connect(hoc))
      in Connect(hoc) (at withTranslation.js:7)
      in hoc (at ConnectedProtectedRoutes.js:26)
      in Route (at ConnectedProtectedRoutes.js:44)
      in ProtectedRoutes (created by Connect(ProtectedRoutes))
  </code></pre>
  
  <p>withTranslation Component</p>
  
  <pre><code>export function withTranslation(CMP) {
      var hoc = class extends React.Component {
          render() {
              return &lt;CMP {...this.props} translate={translate} /&gt;
          }
      };
      return hoc;
  }
  </code></pre>
  
  <p>ConnectedProtectedRoutes</p>
  
  <pre><code>const ProtectedRoutes = ({ token, authority, location }) =&gt; {
      var a = [
          createRouteWithRequirements(&lt;Login key="1"/&gt;, "/", [], { token, authority }, true),
          createRouteWithRequirements(&lt;Login key="2"/&gt;, "/login", [], { token, authority }),
          createRouteWithRequirements(&lt;Register key="3"/&gt;, "/register", [], { token, authority })
      ]
  
      return a
  };
  
  const createRouteWithRequirements = (component, url, requirements, injections, exact) =&gt; {
      return (
          &lt;Route //this is -&gt; in Route (at ConnectedProtectedRoutes.js:44)
              exact={!!exact}
              key={url}
              path={url}
              render={() =&gt; {
                  if (requirements.includes("token") &amp;&amp; !injections.token) {
                      return &lt;Redirect to="/login" /&gt;
                  }
  
                  return component;
              }}
          /&gt;
      );
  };
  </code></pre>
  
  <p>And the stack goes on but im guessing the issue is somewhere in there. Any clues?</p>