Component will not render a prop as a class that has the same string in elementClasses

[kienD]

Given the following component:

import Component, {Config} from 'metal-jsx';

class TestComponent1 extends Component {
    render() {
        return (
            <div class={this.props.name}>
                <h1>{"Hi!"}</h1>
            </div>
        );
    }
}

TestComponent1.props = {
    name: Config.string()
};

class TestComponent2 extends Component {
    render() {
        return (
            <TestComponent1 elementClasses="testClass" name="a-randomtestClassthat-will-fail" />
        );
    }
}

export default TestComponent2;

This is what is rendered:

<div class="testClass">
  <h1>"Hi!"</h1>
</div>

This is what I expected:

<div class="testClass a-randomtestClassthat-will-fail">
  <h1>"Hi!"</h1>
</div>

The class that I'm creating by passing in the "name" prop isn't being added to the class of the outer wrapping div in the child component.

This will occur as long as the string for "name" contains the same word that is passed in as "elementClasses", regardless of what is prepending or appending the word.

This occurred after updating to [email protected].