From 2b310cfda22ee34eef1933da5d65302ba69d8114 Mon Sep 17 00:00:00 2001
From: Nevo David <nevo@notu.co>
Date: Sun, 10 Mar 2024 13:52:07 +0700
Subject: [PATCH] feat: check transition

---
 .../analytics/stars.table.component.tsx        | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/components/analytics/stars.table.component.tsx b/apps/frontend/src/components/analytics/stars.table.component.tsx
index 697203a8..75c1bc16 100644
--- a/apps/frontend/src/components/analytics/stars.table.component.tsx
+++ b/apps/frontend/src/components/analytics/stars.table.component.tsx
@@ -1,4 +1,11 @@
-import { FC, useCallback, useEffect, useMemo, useState } from 'react';
+import {
+  FC,
+  startTransition,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';
 import { UtcToLocalDateRender } from '@gitroom/react/helpers/utc.date.render';
 import { Button } from '@gitroom/react/form/button';
 import dayjs from 'dayjs';
@@ -92,7 +99,9 @@ export const StarsTableComponent = () => {
 
   const starsCallback = useCallback(
     async (path: string) => {
-      setLoading(true);
+      startTransition(() => {
+        setLoading(true);
+      });
       const data = await (
         await fetch(path, {
           body: JSON.stringify({
@@ -102,7 +111,10 @@ export const StarsTableComponent = () => {
           method: 'POST',
         })
       ).json();
-      setLoading(false);
+
+      startTransition(() => {
+        setLoading(false);
+      });
 
       return data;
     },