Fix loop to avoid duplicated keys

src/index.es6

@@ -35,7 +35,7 @@ function getCloseIndex( openIndex, tokens ) {
 
 function buildChildren( tokens, components ) {
 	var children = [],
-		openComponent, clonedOpenComponent, openIndex, closeIndex, token, i, grandChildTokens, grandChildren, siblingTokens, siblings;
+		clonedOpenComponent, openIndex, closeIndex, token, i, grandChildTokens, grandChildren, siblingTokens, siblings;
 
 	for ( i = 0; i < tokens.length; i++ ) {
 		token = tokens[ i ];
@@ -56,9 +56,16 @@ function buildChildren( tokens, components ) {
 			throw new Error( 'Missing opening component token: `' + token.value + '`' );
 		}
 		if ( token.type === 'componentOpen' ) {
-			openComponent = components[ token.value ];
 			openIndex = i;
-			break;
+
+			closeIndex = getCloseIndex( openIndex, tokens );
+			grandChildTokens = tokens.slice( ( openIndex + 1 ), closeIndex );
+			grandChildren = buildChildren( grandChildTokens, components );
+
+			clonedOpenComponent = React.cloneElement( components[ token.value ], { key: openIndex }, grandChildren );
+			children.push( clonedOpenComponent );
+			i = closeIndex;
+			continue;
 		}
 		// componentSelfClosing token
 		if ( components[ token.value ] ) {
@@ -67,20 +74,6 @@ function buildChildren( tokens, components ) {
 		continue;
 	}
 
-	if ( openComponent ) {
-		closeIndex = getCloseIndex( openIndex, tokens );
-		grandChildTokens = tokens.slice( ( openIndex + 1 ), closeIndex );
-		grandChildren = buildChildren( grandChildTokens, components );
-		clonedOpenComponent = React.cloneElement( openComponent, { key: openIndex }, grandChildren );
-		children.push( clonedOpenComponent );
-
-		if ( closeIndex < tokens.length - 1 ) {
-			siblingTokens = tokens.slice( closeIndex + 1 );
-			siblings = buildChildren( siblingTokens, components );
-			children = children.concat( siblings );
-		}
-	}
-
 	if ( children.length === 1 ) {
 		return children[ 0 ];
 	}