chore(charts): update testing-library to support React 18

Author: mainframev

packages/charts/react-charting/src/components/ResponsiveContainer/ResponsiveContainer.tsx

@@ -78,7 +78,9 @@ export const ResponsiveContainer: React.FC<IResponsiveContainerProps> = props =>
           // Keep components styles
           ...child.props.styles,
           root: {
-            ...child.props.styles?.root,
+            ...(typeof child.props.styles !== 'function' && typeof child.props.styles?.root === 'object'
+              ? child.props?.styles?.root
+              : {}),
             // Ensure the child element fills the parent container
             // https://stackoverflow.com/questions/8468066/child-inside-parent-with-min-height-100-not-inheriting-height
             width: calculatedWidth,

packages/charts/react-charting/src/utilities/locale-util.ts

@@ -1,5 +1,5 @@
 type LocaleStringDataProps = number | string | Date | undefined;
-export const convertToLocaleString = (data: LocaleStringDataProps, culture?: string): LocaleStringDataProps => {
+export const convertToLocaleString = (data: LocaleStringDataProps, culture?: string): string | number | undefined => {
   if (!data) {
     return data;
   }

packages/charts/react-charting/tsconfig.json

@@ -17,8 +17,8 @@
     "preserveConstEnums": true,
     "skipLibCheck": true,
     "lib": ["es5", "dom"],
-    "typeRoots": ["../../../node_modules/@types", "../../../typings"],
-    "types": ["jest", "custom-global", "@testing-library/jest-dom"],
+    "typeRoots": ["../../../node_modules/@types", "../../../typings", "../../../node_modules/@testing-library"],
+    "types": ["jest", "custom-global", "jest-dom"],
     "isolatedModules": true
   },
   "include": ["src"]