Open NiranjanKushwaha opened 1 year ago
one another example:
configuration: {
tagname: "direflow-general",
useShadow: true,
},
when shadow dom is true ,google charts is not working but when i make it false it starts working again.
import React from "react";
import { Chart } from "react-google-charts";
export const data = [
["Year", "Sales", "Expenses"],
["2004", 1000, 400],
["2005", 1170, 460],
["2006", 660, 1120],
["2007", 1030, 540],
];
export const options = {
title: "Company Performance",
curveType: "function",
legend: { position: "bottom" },
};
export function LineChart() {
return (
<Chart
chartType="LineChart"
width="100%"
height="400px"
data={data}
options={options}
/>
);
}
Problem When i install a npm package it does not function properly, sometimes css of that package does not work for example i am using react-loader-spinner, loader is just coming but not rotating. but when i make useShadow: false, then it works fine. I want that if i install any package it should work properly either shadomDom is active or inactive.