@jdi-code/claude-code 1.0.3 → 1.2.0

package/dist/{chunk-qbx1rq4f.js → chunk-p6sqbnqb.js}

@@ -1,18 +1,18 @@
 // @bun
 import {
   WelcomeV2
-} from "./chunk-vdsmt7v0.js";
+} from "./chunk-majhpxx5.js";
 import {
   ApproveApiKey
-} from "./chunk-d5d398m4.js";
+} from "./chunk-6r1dx518.js";
 import {
   PressEnterToContinue,
   init_PressEnterToContinue
-} from "./chunk-9y91z69v.js";
+} from "./chunk-30bpz5m2.js";
 import {
   ThemePicker,
   init_ThemePicker
-} from "./chunk-q0yg73za.js";
+} from "./chunk-zrw9gm80.js";
 import {
   ConsoleOAuthFlow,
   Select,
@@ -22,63 +22,55 @@ import {
   init_Spinner,
   init_errorUtils,
   init_select
-} from "./chunk-5frcqxsv.js";
-import"./chunk-t0rgmccj.js";
-import"./chunk-gb2q3nvc.js";
-import"./chunk-neh2frnn.js";
-import"./chunk-q6b51yc5.js";
-import"./chunk-gfkppe34.js";
-import"./chunk-kqd0e3xj.js";
+} from "./chunk-4m6k7588.js";
+import"./chunk-nea2sah6.js";
+import"./chunk-rs8304k5.js";
+import"./chunk-1c2qp0ks.js";
+import"./chunk-9z4vq44b.js";
+import"./chunk-zejm280k.js";
+import"./chunk-4nspekjp.js";
+import"./chunk-var1et7e.js";
 import"./chunk-ehtwnxpg.js";
-import"./chunk-3be7ka25.js";
-import"./chunk-xe6z85xc.js";
+import"./chunk-akxywws0.js";
+import"./chunk-zf47p99b.js";
+import"./chunk-bxcfz5gy.js";
+import"./chunk-1xbs4yb6.js";
 import"./chunk-2gzv8nrw.js";
+import"./chunk-8h6sdj66.js";
 import"./chunk-cgfdkzhb.js";
-import"./chunk-bhdt6k7w.js";
-import"./chunk-45kxdsp8.js";
-import"./chunk-5dbk24zg.js";
-import"./chunk-pxrffn0w.js";
-import"./chunk-0nt9md2b.js";
+import"./chunk-6eg4c33n.js";
 import {
   init_useExitOnCtrlCDWithKeybindings,
   useExitOnCtrlCDWithKeybindings
-} from "./chunk-rn4kqfvd.js";
-import"./chunk-9gbamk79.js";
+} from "./chunk-2cctz9ww.js";
+import"./chunk-j5bth84e.js";
 import {
   init_terminalSetup,
   setupTerminal,
   shouldOfferTerminalSetup
-} from "./chunk-n8sjmqba.js";
-import"./chunk-9e2kqv5g.js";
+} from "./chunk-d0n93ge4.js";
+import"./chunk-5pevjsyw.js";
 import {
   init_useKeybinding,
   useKeybindings
-} from "./chunk-g653q217.js";
-import {
-  Link,
-  Newline,
-  ThemedBox_default,
-  ThemedText,
-  init_ink,
-  require_compiler_runtime,
-  useTheme
-} from "./chunk-z72st5c8.js";
-import"./chunk-7m2nd8da.js";
+} from "./chunk-xnav6j8h.js";
 import"./chunk-ps49ymvj.js";
-import {
-  require_jsx_dev_runtime,
-  require_react
-} from "./chunk-g338npwr.js";
 import"./chunk-zk2wsm7d.js";
-import"./chunk-35x3tjnr.js";
-import"./chunk-m06q12hg.js";
-import"./chunk-40b8p5em.js";
-import"./chunk-s0xfxkys.js";
-import"./chunk-spqaamnc.js";
+import"./chunk-2t0xa4dt.js";
+import"./chunk-pwr83fyy.js";
+import"./chunk-hjnbg9qw.js";
+import"./chunk-zsgha506.js";
 import"./chunk-4jm600zv.js";
-import"./chunk-7sb5axvf.js";
-import"./chunk-v9smspw2.js";
-import"./chunk-qz2x630m.js";
+import"./chunk-xkt36p6r.js";
+import"./chunk-585cb3h6.js";
+import"./chunk-xk9pxqqx.js";
+import"./chunk-mx28h61f.js";
+import"./chunk-bx811wk6.js";
+import"./chunk-8vnxjgz9.js";
+import"./chunk-2v8cya3p.js";
+import"./chunk-eyqnj23w.js";
+import"./chunk-chsyvavm.js";
+import"./chunk-6mpw9h55.js";
 import {
   getCustomApiKeyStatus,
   getUserAgent,
@@ -88,65 +80,88 @@ import {
   init_http,
   isAnthropicAuthEnabled,
   normalizeApiKeyForConfig
-} from "./chunk-53nbpp47.js";
-import"./chunk-e3g8q4cn.js";
-import"./chunk-ctw5jwcd.js";
-import"./chunk-fw49pe3p.js";
-import"./chunk-0e1xsncc.js";
-import"./chunk-vratq94g.js";
-import"./chunk-g0j0t6qk.js";
-import"./chunk-6kpbgc5w.js";
+} from "./chunk-zhtrjznv.js";
+import"./chunk-sg66v252.js";
+import"./chunk-8bwqtasa.js";
+import"./chunk-j9gxwbe3.js";
+import"./chunk-cztjpxq4.js";
+import"./chunk-1cwdhk7a.js";
+import"./chunk-64c1avct.js";
+import"./chunk-8g5pe1gr.js";
+import"./chunk-gx8016vp.js";
+import"./chunk-4cp6193g.js";
+import"./chunk-8g747a8x.js";
+import"./chunk-d7886r6a.js";
+import"./chunk-f5ma3nh5.js";
+import"./chunk-qz2x630m.js";
+import"./chunk-r7j395t6.js";
+import"./chunk-tv9pcdnz.js";
 import"./chunk-3c25bcsw.js";
-import"./chunk-tjaqa99q.js";
-import"./chunk-55wgxwa9.js";
 import {
   env,
   init_env
-} from "./chunk-w2z5pqd3.js";
+} from "./chunk-n9ktjngj.js";
 import {
   getOauthConfig,
   init_oauth
-} from "./chunk-7ymfj7m3.js";
-import"./chunk-f5ma3nh5.js";
-import"./chunk-v1kzp02e.js";
+} from "./chunk-q82r31er.js";
 import"./chunk-p2816w9z.js";
-import"./chunk-0vkfrmqm.js";
-import"./chunk-0xjaqda8.js";
-import"./chunk-1rvz0433.js";
-import"./chunk-cdz5yb0r.js";
+import"./chunk-v9smspw2.js";
+import"./chunk-v1kzp02e.js";
+import"./chunk-64hks9ax.js";
+import"./chunk-crmjpsqe.js";
+import {
+  Link,
+  Newline,
+  ThemedBox_default,
+  ThemedText,
+  init_src,
+  useTheme
+} from "./chunk-cmsknj6n.js";
+import {
+  require_jsx_dev_runtime,
+  require_react
+} from "./chunk-g338npwr.js";
 import {
   init_analytics,
   logEvent
-} from "./chunk-f2mhrmww.js";
-import"./chunk-7z8j9qfn.js";
-import"./chunk-hrzerbfw.js";
-import"./chunk-d18z9pna.js";
+} from "./chunk-h0rbjg6x.js";
+import"./chunk-0vkfrmqm.js";
+import"./chunk-0xjaqda8.js";
+import"./chunk-h1mr3371.js";
+import"./chunk-36b2q5fg.js";
+import"./chunk-a7rhvq9b.js";
 import"./chunk-qnfx3qtx.js";
-import"./chunk-hjhc4cpt.js";
-import"./chunk-vyc0rjyx.js";
-import"./chunk-hx2tr4ep.js";
+import"./chunk-m74w3187.js";
+import"./chunk-b81hd3m6.js";
 import {
   init_log,
   logError
-} from "./chunk-p7g7pf3f.js";
+} from "./chunk-y3r7v9pq.js";
 import"./chunk-8tnsngw2.js";
-import"./chunk-8bedvdm1.js";
-import"./chunk-7wm5s02e.js";
-import"./chunk-nxsh6de2.js";
+import"./chunk-awb4vc41.js";
+import"./chunk-cbrt5vsb.js";
+import"./chunk-5z28bqne.js";
+import"./chunk-qajrkk97.js";
+import"./chunk-404qm8xt.js";
 import"./chunk-fbv4apne.js";
 import {
   init_envUtils,
   isRunningOnHomespace
-} from "./chunk-3r24h7t6.js";
-import"./chunk-qqfa0dqg.js";
-import"./chunk-hqmz36b3.js";
+} from "./chunk-jaaxk89e.js";
+import"./chunk-h4b85amj.js";
+import"./chunk-07069jq1.js";
+import"./chunk-vf612n57.js";
+import"./chunk-d4mdda98.js";
+import"./chunk-7wm5s02e.js";
 import"./chunk-4g3v8y12.js";
 import"./chunk-7739pg2c.js";
 import {
   axios_default,
   init_axios
-} from "./chunk-xszk7n10.js";
-import"./chunk-sdj9b9wh.js";
+} from "./chunk-nh3cd07f.js";
+import"./chunk-8pn8tvgg.js";
+import"./chunk-netzwgv1.js";
 import {
   __toESM
 } from "./chunk-qp2qdcda.js";
@@ -155,14 +170,13 @@ import {
 init_analytics();
 init_terminalSetup();
 init_useExitOnCtrlCDWithKeybindings();
-init_ink();
+init_src();
 init_useKeybinding();
 init_auth();
 init_authPortable();
 init_config();
 init_env();
 init_envUtils();
-var import_compiler_runtime4 = __toESM(require_compiler_runtime(), 1);
 var import_react5 = __toESM(require_react(), 1);
 
 // src/utils/preflightChecks.tsx
@@ -170,7 +184,6 @@ init_axios();
 init_analytics();
 init_Spinner();
 init_oauth();
-var import_compiler_runtime = __toESM(require_compiler_runtime(), 1);
 var import_react2 = __toESM(require_react(), 1);
 
 // src/hooks/useTimeout.ts
@@ -186,7 +199,7 @@ function useTimeout(delay, resetTrigger) {
 }
 
 // src/utils/preflightChecks.tsx
-init_ink();
+init_src();
 init_errorUtils();
 init_http();
 init_log();
@@ -195,13 +208,14 @@ async function checkEndpoints() {
   try {
     const oauthConfig = getOauthConfig();
     const tokenUrl = new URL(oauthConfig.TOKEN_URL);
-    const endpoints = [`${oauthConfig.BASE_API_URL}/api/hello`, `${tokenUrl.origin}/v1/oauth/hello`];
+    const endpoints = [
+      `${oauthConfig.BASE_API_URL}/api/hello`,
+      `${tokenUrl.origin}/v1/oauth/hello`
+    ];
     const checkEndpoint = async (url) => {
       try {
         const response = await axios_default.get(url, {
-          headers: {
-            "User-Agent": getUserAgent()
-          }
+          headers: { "User-Agent": getUserAgent() }
         });
         if (response.status !== 200) {
           const hostname = new URL(url).hostname;
@@ -210,9 +224,7 @@ async function checkEndpoints() {
             error: `Failed to connect to ${hostname}: Status ${response.status}`
           };
         }
-        return {
-          success: true
-        };
+        return { success: true };
       } catch (error) {
         const hostname = new URL(url).hostname;
         const sslHint = getSSLErrorHint(error);
@@ -232,9 +244,7 @@ async function checkEndpoints() {
         isSSLError: !!failedResult.sslHint
       });
     }
-    return failedResult || {
-      success: true
-    };
+    return failedResult || { success: true };
   } catch (error) {
     logError(error);
     logEvent("tengu_preflight_check_failed", {
@@ -246,59 +256,33 @@ async function checkEndpoints() {
     };
   }
 }
-function PreflightStep(t0) {
-  const $ = import_compiler_runtime.c(12);
-  const {
-    onSuccess
-  } = t0;
+function PreflightStep({
+  onSuccess
+}) {
   const [result, setResult] = import_react2.useState(null);
   const [isChecking, setIsChecking] = import_react2.useState(true);
   const showSpinner = useTimeout(1000) && isChecking;
-  let t1;
-  let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      const run = async function run2() {
-        const checkResult = await checkEndpoints();
-        setResult(checkResult);
-        setIsChecking(false);
-      };
-      run();
-    };
-    t2 = [];
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t1 = $[0];
-    t2 = $[1];
-  }
-  import_react2.useEffect(t1, t2);
-  let t3;
-  let t4;
-  if ($[2] !== onSuccess || $[3] !== result) {
-    t3 = () => {
-      if (result?.success) {
-        onSuccess();
-      } else {
-        if (result && !result.success) {
-          const timer = setTimeout(_temp, 100);
-          return () => clearTimeout(timer);
-        }
-      }
-    };
-    t4 = [result, onSuccess];
-    $[2] = onSuccess;
-    $[3] = result;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t3 = $[4];
-    t4 = $[5];
-  }
-  import_react2.useEffect(t3, t4);
-  let t5;
-  if ($[6] !== isChecking || $[7] !== result || $[8] !== showSpinner) {
-    t5 = isChecking && showSpinner ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedBox_default, {
+  import_react2.useEffect(() => {
+    async function run() {
+      const checkResult = await checkEndpoints();
+      setResult(checkResult);
+      setIsChecking(false);
+    }
+    run();
+  }, []);
+  import_react2.useEffect(() => {
+    if (result?.success) {
+      onSuccess();
+    } else if (result && !result.success) {
+      const timer = setTimeout(() => process.exit(1), 100);
+      return () => clearTimeout(timer);
+    }
+  }, [result, onSuccess]);
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedBox_default, {
+    flexDirection: "column",
+    gap: 1,
+    paddingLeft: 1,
+    children: isChecking && showSpinner ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedBox_default, {
       paddingLeft: 1,
       children: [
         /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Spinner, {}, undefined, false, undefined, this),
@@ -350,31 +334,8 @@ function PreflightStep(t0) {
           ]
         }, undefined, true, undefined, this)
       ]
-    }, undefined, true, undefined, this);
-    $[6] = isChecking;
-    $[7] = result;
-    $[8] = showSpinner;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  let t6;
-  if ($[10] !== t5) {
-    t6 = /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedBox_default, {
-      flexDirection: "column",
-      gap: 1,
-      paddingLeft: 1,
-      children: t5
-    }, undefined, false, undefined, this);
-    $[10] = t5;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  return t6;
-}
-function _temp() {
-  return process.exit(1);
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
 }
 
 // src/components/Onboarding.tsx
@@ -384,79 +345,38 @@ init_PressEnterToContinue();
 init_ThemePicker();
 
 // src/components/ui/OrderedList.tsx
-init_ink();
-var import_compiler_runtime3 = __toESM(require_compiler_runtime(), 1);
+init_src();
 var import_react4 = __toESM(require_react(), 1);
 
 // src/components/ui/OrderedListItem.tsx
-init_ink();
-var import_compiler_runtime2 = __toESM(require_compiler_runtime(), 1);
+init_src();
 var import_react3 = __toESM(require_react(), 1);
 var jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
-var OrderedListItemContext = import_react3.createContext({
-  marker: ""
-});
-function OrderedListItem(t0) {
-  const $ = import_compiler_runtime2.c(7);
-  const {
-    children
-  } = t0;
-  const {
-    marker
-  } = import_react3.useContext(OrderedListItemContext);
-  let t1;
-  if ($[0] !== marker) {
-    t1 = /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ThemedText, {
-      dimColor: true,
-      children: marker
-    }, undefined, false, undefined, this);
-    $[0] = marker;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== children) {
-    t2 = /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ThemedBox_default, {
-      flexDirection: "column",
-      children
-    }, undefined, false, undefined, this);
-    $[2] = children;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== t1 || $[5] !== t2) {
-    t3 = /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ThemedBox_default, {
-      gap: 1,
-      children: [
-        t1,
-        t2
-      ]
-    }, undefined, true, undefined, this);
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  return t3;
+var OrderedListItemContext = import_react3.createContext({ marker: "" });
+function OrderedListItem({
+  children
+}) {
+  const { marker } = import_react3.useContext(OrderedListItemContext);
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ThemedBox_default, {
+    gap: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ThemedText, {
+        dimColor: true,
+        children: marker
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ThemedBox_default, {
+        flexDirection: "column",
+        children
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
 
 // src/components/ui/OrderedList.tsx
 var jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
-var OrderedListContext = import_react4.createContext({
-  marker: ""
-});
-function OrderedListComponent(t0) {
-  const $ = import_compiler_runtime3.c(9);
-  const {
-    children
-  } = t0;
-  const {
-    marker: parentMarker
-  } = import_react4.useContext(OrderedListContext);
+var OrderedListContext = import_react4.createContext({ marker: "" });
+function OrderedListComponent({ children }) {
+  const { marker: parentMarker } = import_react4.useContext(OrderedListContext);
   let numberOfItems = 0;
   for (const child of import_react4.default.Children.toArray(children)) {
     if (!import_react4.isValidElement(child) || child.type !== OrderedListItem) {
@@ -465,63 +385,30 @@ function OrderedListComponent(t0) {
     numberOfItems++;
   }
   const maxMarkerWidth = String(numberOfItems).length;
-  let t1;
-  if ($[0] !== children || $[1] !== maxMarkerWidth || $[2] !== parentMarker) {
-    let t22;
-    if ($[4] !== maxMarkerWidth || $[5] !== parentMarker) {
-      t22 = (child_0, index) => {
-        if (!import_react4.isValidElement(child_0) || child_0.type !== OrderedListItem) {
-          return child_0;
-        }
-        const paddedMarker = `${String(index + 1).padStart(maxMarkerWidth)}.`;
-        const marker = `${parentMarker}${paddedMarker}`;
-        return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(OrderedListContext.Provider, {
-          value: {
-            marker
-          },
-          children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(OrderedListItemContext.Provider, {
-            value: {
-              marker
-            },
-            children: child_0
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this);
-      };
-      $[4] = maxMarkerWidth;
-      $[5] = parentMarker;
-      $[6] = t22;
-    } else {
-      t22 = $[6];
-    }
-    t1 = import_react4.default.Children.map(children, t22);
-    $[0] = children;
-    $[1] = maxMarkerWidth;
-    $[2] = parentMarker;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  let t2;
-  if ($[7] !== t1) {
-    t2 = /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(ThemedBox_default, {
-      flexDirection: "column",
-      children: t1
-    }, undefined, false, undefined, this);
-    $[7] = t1;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  return t2;
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(ThemedBox_default, {
+    flexDirection: "column",
+    children: import_react4.default.Children.map(children, (child, index) => {
+      if (!import_react4.isValidElement(child) || child.type !== OrderedListItem) {
+        return child;
+      }
+      const paddedMarker = `${String(index + 1).padStart(maxMarkerWidth)}.`;
+      const marker = `${parentMarker}${paddedMarker}`;
+      return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(OrderedListContext.Provider, {
+        value: { marker },
+        children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(OrderedListItemContext.Provider, {
+          value: { marker },
+          children: child
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    })
+  }, undefined, false, undefined, this);
 }
 OrderedListComponent.Item = OrderedListItem;
 var OrderedList = OrderedListComponent;
 
 // src/components/Onboarding.tsx
 var jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
-function Onboarding({
-  onDone
-}) {
+function Onboarding({ onDone }) {
   const [currentStepIndex, setCurrentStepIndex] = import_react5.useState(0);
   const [skipOAuth, setSkipOAuth] = import_react5.useState(false);
   const [oauthEnabled] = import_react5.useState(() => isAnthropicAuthEnabled());
@@ -633,15 +520,9 @@ function Onboarding({
   }
   const steps = [];
   if (oauthEnabled) {
-    steps.push({
-      id: "preflight",
-      component: preflightStep
-    });
+    steps.push({ id: "preflight", component: preflightStep });
   }
-  steps.push({
-    id: "theme",
-    component: themeStep
-  });
+  steps.push({ id: "theme", component: themeStep });
   if (apiKeyNeedingApproval) {
     steps.push({
       id: "api-key",
@@ -663,10 +544,7 @@ function Onboarding({
       }, undefined, false, undefined, this)
     });
   }
-  steps.push({
-    id: "security",
-    component: securityStep
-  });
+  steps.push({ id: "security", component: securityStep });
   if (shouldOfferTerminalSetup()) {
     steps.push({
       id: "terminal-setup",
@@ -694,13 +572,16 @@ function Onboarding({
                 ]
               }, undefined, true, undefined, this),
               /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Select, {
-                options: [{
-                  label: "Yes, use recommended settings",
-                  value: "install"
-                }, {
-                  label: "No, maybe later with /terminal-setup",
-                  value: "no"
-                }],
+                options: [
+                  {
+                    label: "Yes, use recommended settings",
+                    value: "install"
+                  },
+                  {
+                    label: "No, maybe later with /terminal-setup",
+                    value: "no"
+                  }
+                ],
                 onChange: (value) => {
                   if (value === "install") {
                     setupTerminal(theme).catch(() => {}).finally(goToNextStep);
@@ -776,31 +657,16 @@ function Onboarding({
     ]
   }, undefined, true, undefined, this);
 }
-function SkippableStep(t0) {
-  const $ = import_compiler_runtime4.c(4);
-  const {
-    skip,
-    onSkip,
-    children
-  } = t0;
-  let t1;
-  let t2;
-  if ($[0] !== onSkip || $[1] !== skip) {
-    t1 = () => {
-      if (skip) {
-        onSkip();
-      }
-    };
-    t2 = [skip, onSkip];
-    $[0] = onSkip;
-    $[1] = skip;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    t1 = $[2];
-    t2 = $[3];
-  }
-  import_react5.useEffect(t1, t2);
+function SkippableStep({
+  skip,
+  onSkip,
+  children
+}) {
+  import_react5.useEffect(() => {
+    if (skip) {
+      onSkip();
+    }
+  }, [skip, onSkip]);
   if (skip) {
     return null;
   }