Amir/FEQ-214/Enable react query dev tool in coverall (deriv-com#9495)

* chore: enable react query dev tool

* chore: add mock for copy-anything package

Author: amir-deriv

__mocks__/globals.js

@@ -0,0 +1,4 @@
+// Mock copy-anything module which is causing issues with jest in coveralls
+jest.mock('copy-anything', () => ({
+    copy: jest.fn(),
+}));

packages/api/src/APIProvider.tsx

@@ -1,14 +1,13 @@
 import React, { PropsWithChildren } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-// import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
 const queryClient = new QueryClient();
 
 const APIProvider = ({ children }: PropsWithChildren<unknown>) => (
     <QueryClientProvider client={queryClient}>
         {children}
-        {/*Temporary disabled due to the problem on codecov, You can uncomment to use in development environment, DO NOT COMMIT THIS UNCOMMENTED*/}
-        {/*<ReactQueryDevtools />*/}
+        <ReactQueryDevtools />
     </QueryClientProvider>
 );
 

setupTests.js

@@ -7,15 +7,19 @@
 /** provides a set of custom jest matchers that you can use to extend jest.
  * These will make your tests more declarative, clear to read and to maintain. */
 import '@testing-library/jest-dom';
-import '@testing-library/jest-dom/extend-expect'
+import '@testing-library/jest-dom/extend-expect';
 
 /**
  * jest-extended aims to add additional matchers to Jest's default ones making it easy to test everything raised_hands
  */
 import 'jest-extended';
 
-
 /**
  * Chain Jest matchers together to write easier matchers and reduce code.
-*/
+ */
 import 'jest-chain';
+
+/**
+ * Setup Global mocks
+ */
+import './__mocks__/globals';