react-with-addons.js?app_version=1556912508217:20258 Uncaught Error: Invariant Violation: ReactMount: Root element ID differed from reactRootID

I am simply creating a component as follow. The component is just a checkbox, which I am trying to make a part of every row in a table body. Unfortunately, I am not using react-data-grid because of some development which has been done so far.

var ToggleCheckbox = React.createClass({
    render: function () {
        return <input type="checkbox"></input>
    }
});

But while making use of it I am getting the following error, I am not familiar with the error I am getting, it's definitely because of some minor thing I am missing but not able to figure it out:

react-with-addons.js?app_version=1556912508217:20258 Uncaught Error: Invariant Violation: ReactMount: Root element ID differed from reactRootID.
    at invariant (react-with-addons.js?app_version=1556912508217:20258)
    at Object.findReactContainerForID (react-with-addons.js?app_version=1556912508217:12935)
    at isValid (react-with-addons.js?app_version=1556912508217:12485)
    at Object.getNodeFromInstance (react-with-addons.js?app_version=1556912508217:12461)
    at findDOMNode (react-with-addons.js?app_version=1556912508217:19261)
    at Constructor.getDOMNode (react-with-addons.js?app_version=1556912508217:4552)
    at Constructor.componentDidMount (react-with-addons.js?app_version=1556912508217:8782)
    at Constructor.chainedFunction [as componentDidMount] (react-with-addons.js?app_version=1556912508217:6044)
    at CallbackQueue.notifyAll (react-with-addons.js?app_version=1556912508217:1063)
    at ReactReconcileTransaction.close (react-with-addons.js?app_version=1556912508217:14612)