@refinedev/core 4.28.2 → 4.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/core",
-  "version": "4.28.2",
+  "version": "4.30.0",
   "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
   "private": false,
   "main": "dist/index.js",
@@ -48,7 +48,6 @@
     "papaparse": "^5.3.0",
     "pluralize": "^8.0.0",
     "qs": "^6.10.1",
-    "@tanstack/react-query-devtools": "^4.10.1",
     "@tanstack/react-query": "^4.10.1",
     "tslib": "^2.3.1",
     "warn-once": "^0.1.0"

package/src/components/containers/refine/index.tsx

@@ -1,5 +1,4 @@
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import React from "react";
 
 import { ReadyPage as DefaultReadyPage, RouteChangeHandler } from "@components";
@@ -420,13 +419,6 @@ Interested in any of the new backend features of refine? Join now and get early
                     </AuthBindingsContextProvider>
                 </LegacyAuthContextProvider>
             </NotificationContextProvider>
-            {reactQueryWithDefaults.devtoolConfig === false ? null : (
-                <ReactQueryDevtools
-                    initialIsOpen={false}
-                    position="bottom-right"
-                    {...reactQueryWithDefaults.devtoolConfig}
-                />
-            )}
         </QueryClientProvider>
     );
 };

package/src/components/telemetry/index.tsx

@@ -1,31 +1,57 @@
-import { useEffect } from "react";
+import React from "react";
 
 import { useTelemetryData } from "@hooks/useTelemetryData";
 
 import { ITelemetryData } from "../../interfaces/telemetry";
 
-const encode = (payload: ITelemetryData): string => {
-    const stringifyedPayload = JSON.stringify(payload || {});
+const encode = (payload: ITelemetryData): string | undefined => {
+    try {
+        const stringifiedPayload = JSON.stringify(payload || {});
 
-    if (typeof btoa !== "undefined") {
-        return btoa(stringifyedPayload);
+        if (typeof btoa !== "undefined") {
+            return btoa(stringifiedPayload);
+        }
+
+        return Buffer.from(stringifiedPayload).toString("base64");
+    } catch (err) {
+        return undefined;
     }
+};
+
+const throughImage = (src: string) => {
+    const img = new Image();
+
+    img.src = src;
+};
 
-    return Buffer.from(stringifyedPayload).toString("base64");
+const throughFetch = (src: string) => {
+    fetch(src);
+};
+
+const transport = (src: string) => {
+    if (typeof Image !== "undefined") {
+        throughImage(src);
+    } else if (typeof fetch !== "undefined") {
+        throughFetch(src);
+    }
 };
 
 export const Telemetry: React.FC<{}> = () => {
     const payload = useTelemetryData();
+    const sent = React.useRef(false);
+
+    React.useEffect(() => {
+        if (sent.current) {
+            return;
+        }
+        const encoded = encode(payload);
 
-    useEffect(() => {
-        if (typeof window === "undefined" && !Image) {
+        if (!encoded) {
             return;
         }
 
-        const img = new Image();
-        img.src = `https://telemetry.refine.dev/telemetry?payload=${encode(
-            payload,
-        )}`;
+        transport(`https://telemetry.refine.dev/telemetry?payload=${encoded}`);
+        sent.current = true;
     }, []);
 
     return null;

package/src/contexts/refine/IRefineContext.ts

@@ -1,7 +1,6 @@
 import { RefineProps } from "@components/containers";
 import React, { ReactNode } from "react";
 import { QueryClientConfig, QueryClient } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 
 import {
     MutationMode,
@@ -28,7 +27,10 @@ export interface IRefineOptions {
     };
     reactQuery?: {
         clientConfig?: QueryClientConfig | InstanceType<typeof QueryClient>;
-        devtoolConfig?: React.ComponentProps<typeof ReactQueryDevtools> | false;
+        /**
+         * @deprecated `@tanstack/react-query`'s devtools are removed from the core. Please use the `@tanstack/react-query-devtools` package manually in your project. This option will be removed in the next major version and has no effect on the `@tanstack/react-query-devtools` package usage.
+         */
+        devtoolConfig?: any | false;
     };
     overtime?: UseLoadingOvertimeRefineContext;
     textTransformers?: TextTransformers;

package/src/definitions/helpers/handleRefineOptions/index.ts

@@ -1,5 +1,4 @@
 import { QueryClient, QueryClientConfig } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 
 import { defaultRefineOptions } from "@contexts/refine";
 import {
@@ -18,9 +17,7 @@ type HandleRefineOptionsProps = {
     liveMode?: LiveModeProps["liveMode"];
     disableTelemetry?: boolean;
     reactQueryClientConfig?: QueryClientConfig;
-    reactQueryDevtoolConfig?:
-        | React.ComponentProps<typeof ReactQueryDevtools>
-        | false;
+    reactQueryDevtoolConfig?: any | false;
 };
 
 type HandleRefineOptionsReturnValues = {
@@ -28,7 +25,7 @@ type HandleRefineOptionsReturnValues = {
     disableTelemetryWithDefault: boolean;
     reactQueryWithDefaults: {
         clientConfig: QueryClientConfig | InstanceType<typeof QueryClient>;
-        devtoolConfig: false | React.ComponentProps<typeof ReactQueryDevtools>;
+        devtoolConfig: false | any;
     };
 };