fix(tokens): add observable dependency to token resolver instead of c…

…allback GitOrigin-RevId: e512f2b78f896a74c3f299e3b33827366ec6814b
plasmicapp · Nov 14, 2024 · ace4a78 · ace4a78
1 parent fe5d56f
commit ace4a78
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/platform/wab/src/wab/client/components/widgets/ColorPicker/client-token-resolver.tsx b/platform/wab/src/wab/client/components/widgets/ColorPicker/client-token-resolver.tsx
@@ -8,7 +8,6 @@ import {
   makeTokenResolver,
 } from "@/wab/shared/cached-selectors";
 import { StyleToken } from "@/wab/shared/model/classes";
-import * as React from "react";
 
 const RE_VARIABLE_REF = /var\((--[^)]+)\)/;
 
@@ -30,10 +29,9 @@ const RE_VARIABLE_REF = /var\((--[^)]+)\)/;
 export function useClientTokenResolver(): TokenValueResolver {
   const sc = useStudioCtx();
   const vc = sc.focusedViewCtx();
-
-  const resolver = React.useCallback(makeTokenResolver(sc.site), [
-    vc?.isFirstRenderComplete,
-  ]);
+  // depend on first render observable
+  vc?.isFirstRenderComplete;
+  const resolver = makeTokenResolver(sc.site);
   return makeClientTokenResolver(resolver, vc ?? sc);
 }