Problem while installing any npm package, package not working.

[NiranjanKushwaha]

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.

[NiranjanKushwaha]

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}
    />
  );
}