Fix react state bugs (#49)

* Fix react state bugs

* version lockfile

package.json

@@ -1,6 +1,6 @@
 {
   "name": "icloud-hide-my-email-browser-extension",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Cross-browser extension enabling the usage of iCloud's Hide My Email service.",
   "license": "MIT",
   "author": "dedoussis",

src/pages/Options/Options.tsx

@@ -11,6 +11,7 @@ import {
 import { OPTIONS_STORAGE_KEYS } from '../../storage';
 import { DEFAULT_OPTIONS, Options } from '../../options';
 import startCase from 'lodash.startcase';
+import isEqual from 'lodash.isequal';
 
 const SelectFwdToForm = () => {
   const [selectedFwdToEmail, setSelectedFwdToEmail] = useState<string>();
@@ -35,7 +36,11 @@ const SelectFwdToForm = () => {
           'To select a new Forward-To address, you first need to sign-in by following the instructions on the extension pop-up.'
         );
       } else {
-        setClientState([client.webservices]);
+        setClientState((prevState) =>
+          isEqual(prevState, [client.webservices])
+            ? prevState
+            : [client.webservices]
+        );
         try {
           const pms = new PremiumMailSettings(client);
           const result = await pms.listHme();

src/pages/Popup/Popup.tsx

@@ -801,7 +801,9 @@ const Popup = () => {
         );
       } else {
         setState(PopupState.SignedOut);
-        setClientState([]);
+        setClientState((prevState) =>
+          prevState.length === 0 ? prevState : []
+        );
         performDeauthSideEffects();
       }
       setAuthStateSynced(true);