first needed modifications to support react

rollup.config.js

@@ -22,6 +22,7 @@ export default [
 		plugins: [
 			postcss({
 				extensions: [ '.less' ],
+				extract: 'dist/frappe-charts.min.css',
 				plugins: [
 					nested(),
 					cssnext({ warnForDuplicates: false }),

src/scripts/charts/BaseChart.js

@@ -21,7 +21,7 @@ export default class BaseChart {
 	}) {
 		this.raw_chart_args = arguments[0];
 
-		this.parent = document.querySelector(parent);
+		this.parent = typeof parent === 'String' ? document.querySelector(parent) : parent;
 		this.title = title;
 		this.subtitle = subtitle;