Physics not active on new components about aframe-physics-system HOT 4 CLOSED

# Doesn't work
var box = document.createElement('a-box')
box.setAttribute('dynamic-body', '');
document.getElementById('myscene').appendChild(box)

# Does work
var box = document.createElement('a-box')
document.getElementById('myscene').appendChild(box)
box.setAttribute('dynamic-body', '');

import React from 'react';
import ReactDom from 'react-dom';
import {Entity} from 'aframe-react';

class Pod extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            name: props.name,
            color: props.color
        }
    }

    componentDidMount() {
        ReactDom.findDOMNode(this).setAttribute('dynamic-body', '');
    }

    render() {
        return(
            <Entity 
            id={`${this.state.name}`}
            key={`${this.state.name}`}
            geometry={{ primitive: 'box' }} 
            shape="box" 
            material={`color: ${this.state.color}; metalness:0.7`} >
                <Entity light={{type: 'point', color: '#63C7B2', intensity: '0.2'}} position="0 0 0" />
            </Entity>
        )
    }
}

export default Pod;