react-d3-basic | Basic d3 charts in React.js only include : line bar | Chart library

IMHO this error isn't related to entire app root ('root' in html) but one of subcomponents.

In earlier versions of react rendered DOM nodes were identified by additional html property 'data-reactid' with values related to virtual node paths. '.0.0.1.0.0.1.0...' is an example of this.

This errors means that react has this node in virtual tree, wants to update it in DOM but for some reason DOM node (rendered earlier with this id) dissapeared. Maybe browser 'corrected' bad html structure? This can be related to any html error, table was shown as example reason.

Any reason to not switch from not maintained 'react-d3' into 'react-d3-components'?

By checking your git repo, I assume the changes we discussed in the chat worked for you, so I'll put them here in case someone else runs into the same problem.

In your index.js file, you are forwarding every request to your index.html.

You're going to need to set up your loader rules to actually process and transpile your files to browser compatible ES5. Webpack does not automatically convert your ES2015 and JSX code to be web-compatible, you have to tell it to apply a loader to certain files to transpile them to web-compatible code, as the error states. Since you don't do this, the error happens.

Assuming you have Webpack version 2+, use the rules property in the configuration:

Any variable defined inside ES2015 module is available only in this module. The same applies to imported modules - importing module doesn't make this module to be available in global scope. If you really need to make some module variable to be available globally you have to assign it to window property: