fix: use SetStateAction instead of StateUpdater

teamhanko · Nov 2, 2023 · b2666bf · b2666bf
1 parent 8288ee5
commit b2666bf
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 22 deletions.
diff --git a/frontend/elements/src/components/accordion/Accordion.tsx b/frontend/elements/src/components/accordion/Accordion.tsx
@@ -1,5 +1,5 @@
 import { h } from "preact";
-import { StateUpdater } from "preact/compat";
+import { SetStateAction } from "preact/compat";
 
 import cx from "classnames";
 
@@ -12,7 +12,7 @@ interface Props<T> {
   columnSelector: Selector<T>;
   contentSelector: Selector<T>;
   checkedItemIndex?: number;
-  setCheckedItemIndex: StateUpdater<number>;
+  setCheckedItemIndex: SetStateAction<number>;
   data: Array<T>;
   dropdown?: boolean;
 }

diff --git a/frontend/elements/src/components/accordion/AddEmailDropdown.tsx b/frontend/elements/src/components/accordion/AddEmailDropdown.tsx
@@ -1,5 +1,5 @@
 import {
-  StateUpdater,
+  SetStateAction,
   useCallback,
   useContext,
   useMemo,
@@ -26,7 +26,7 @@ import ProfilePage from "../../pages/ProfilePage";
 interface Props {
   setError: (e: HankoError) => void;
   checkedItemIndex?: number;
-  setCheckedItemIndex: StateUpdater<number>;
+  setCheckedItemIndex: SetStateAction<number>;
 }
 
 const AddEmailDropdown = ({

diff --git a/frontend/elements/src/components/accordion/AddPasskeyDropdown.tsx b/frontend/elements/src/components/accordion/AddPasskeyDropdown.tsx
@@ -1,4 +1,4 @@
-import { StateUpdater, useContext, useState } from "preact/compat";
+import { SetStateAction, useContext, useState } from "preact/compat";
 
 import {
   WebauthnSupport,
@@ -17,7 +17,7 @@ import Dropdown from "./Dropdown";
 interface Props {
   setError: (e: HankoError) => void;
   checkedItemIndex?: number;
-  setCheckedItemIndex: StateUpdater<number>;
+  setCheckedItemIndex: SetStateAction<number>;
 }
 
 const AddPasskeyDropdown = ({

diff --git a/frontend/elements/src/components/accordion/ChangePasswordDropdown.tsx b/frontend/elements/src/components/accordion/ChangePasswordDropdown.tsx
@@ -1,4 +1,4 @@
-import { StateUpdater, useContext, useState } from "preact/compat";
+import { SetStateAction, useContext, useState } from "preact/compat";
 
 import { HankoError } from "@teamhanko/hanko-frontend-sdk";
 
@@ -14,7 +14,7 @@ import Dropdown from "./Dropdown";
 interface Props {
   setError: (e: HankoError) => void;
   checkedItemIndex?: number;
-  setCheckedItemIndex: StateUpdater<number>;
+  setCheckedItemIndex: SetStateAction<number>;
 }
 
 const ChangePasswordDropdown = ({

diff --git a/frontend/elements/src/components/accordion/Dropdown.tsx b/frontend/elements/src/components/accordion/Dropdown.tsx
@@ -1,5 +1,5 @@
 import { ComponentChildren, Fragment, h } from "preact";
-import { StateUpdater } from "preact/compat";
+import { SetStateAction } from "preact/compat";
 
 import Accordion from "./Accordion";
 
@@ -8,7 +8,7 @@ interface Props {
   title: string | h.JSX.Element;
   children: ComponentChildren;
   checkedItemIndex?: number;
-  setCheckedItemIndex: StateUpdater<number>;
+  setCheckedItemIndex: SetStateAction<number>;
 }
 
 const Dropdown = ({

diff --git a/frontend/elements/src/components/accordion/ListEmailsAccordion.tsx b/frontend/elements/src/components/accordion/ListEmailsAccordion.tsx
@@ -1,6 +1,6 @@
 import { Fragment } from "preact";
 import {
-  StateUpdater,
+  SetStateAction,
   useCallback,
   useContext,
   useMemo,
@@ -29,7 +29,7 @@ import LoginPasscodePage from "../../pages/LoginPasscodePage";
 interface Props {
   setError: (e: HankoError) => void;
   checkedItemIndex?: number;
-  setCheckedItemIndex: StateUpdater<number>;
+  setCheckedItemIndex: SetStateAction<number>;
 }
 
 const ListEmailsAccordion = ({

diff --git a/frontend/elements/src/components/accordion/ListPasskeysAccordion.tsx b/frontend/elements/src/components/accordion/ListPasskeysAccordion.tsx
@@ -1,5 +1,5 @@
 import { Fragment } from "preact";
-import { StateUpdater, useContext, useState } from "preact/compat";
+import { SetStateAction, useContext, useState } from "preact/compat";
 
 import {
   HankoError,
@@ -22,7 +22,7 @@ interface Props {
   credentials: WebauthnCredentials;
   setError: (e: HankoError) => void;
   checkedItemIndex?: number;
-  setCheckedItemIndex: StateUpdater<number>;
+  setCheckedItemIndex: SetStateAction<number>;
 }
 
 const ListPasskeysAccordion = ({

diff --git a/frontend/elements/src/contexts/AppProvider.tsx b/frontend/elements/src/contexts/AppProvider.tsx
@@ -2,7 +2,7 @@ import { ComponentChildren, createContext, h } from "preact";
 import { TranslateProvider } from "@denysvuika/preact-translate";
 
 import {
-  StateUpdater,
+  SetStateAction,
   useState,
   useCallback,
   useMemo,
@@ -54,19 +54,19 @@ interface Props {
 
 interface States {
   config: Config;
-  setConfig: StateUpdater<Config>;
+  setConfig: SetStateAction<Config>;
   userInfo: UserInfo;
-  setUserInfo: StateUpdater<UserInfo>;
+  setUserInfo: SetStateAction<UserInfo>;
   passcode: Passcode;
-  setPasscode: StateUpdater<Passcode>;
+  setPasscode: SetStateAction<Passcode>;
   user: User;
-  setUser: StateUpdater<User>;
+  setUser: SetStateAction<User>;
   emails: Emails;
-  setEmails: StateUpdater<Emails>;
+  setEmails: SetStateAction<Emails>;
   webauthnCredentials: WebauthnCredentials;
-  setWebauthnCredentials: StateUpdater<WebauthnCredentials>;
+  setWebauthnCredentials: SetStateAction<WebauthnCredentials>;
   page: h.JSX.Element;
-  setPage: StateUpdater<h.JSX.Element>;
+  setPage: SetStateAction<h.JSX.Element>;
 }
 
 interface Context extends States {