fix: transition error

SpaceyaTech · Dec 3, 2024 · a30fbba · a30fbba
1 parent cd7bed2
commit a30fbba
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/context/searchBlog.jsx b/src/context/searchBlog.jsx
@@ -1,5 +1,11 @@
 import PropTypes from "prop-types";
-import { createContext, useEffect, useMemo, useState } from "react";
+import {
+  createContext,
+  useEffect,
+  useMemo,
+  useState,
+  startTransition,
+} from "react";
 import { useSearchBlog } from "../hooks/Queries/blogs/useAllBlogsData";
 
 export const SearchBlogContext = createContext();
@@ -12,7 +18,9 @@ export function SearchBlogProvider({ children }) {
 
   useEffect(() => {
     const dalayDebounceFn = setTimeout(() => {
-      refetchSearchBlog();
+      startTransition(() => {
+        refetchSearchBlog();
+      });
     }, 500);
 
     return () => clearTimeout(dalayDebounceFn);