fix layout of carpet roll calculator. todo: reinstate unit buttons for plywood calculator.

app/(tabs)/_layout.tsx

@@ -14,6 +14,7 @@ const CARPET_ROLL_SELECTED_SVG =
 
 const CarpetRollIcon = ({ selected }: { selected: boolean }) => {
   const uri = selected ? CARPET_ROLL_SELECTED_SVG : CARPET_ROLL_SVG;
+  console.log(`Loading %s`, uri);
   return <SvgUri width="2em" height="2em" uri={uri} />;
 };
 

app/store.ts

@@ -4,6 +4,28 @@ import { rememberReducer, rememberEnhancer } from "redux-remember";
 import reducers, { DEFAULT_PRELOADED_STATE } from "@/features/product/productSlice";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 
+
+// thanks to https://github.com/rt2zz/redux-persist/issues/1208#issuecomment-658695446
+// for the workaround
+const createNoopStorage = () => {
+  return {
+    getItem(_key : any) {
+      return Promise.resolve(null);
+    },
+    setItem(_key : any, value : any) {
+      return Promise.resolve(value);
+    },
+    removeItem(_key : any) {
+      return Promise.resolve();
+    },
+  };
+};
+
+const storage =
+  typeof window === "undefined" ? createNoopStorage() : AsyncStorage;
+
+export default storage;
+
 const PERSIST_WHOLE_STORE =
   new Boolean(process.env.PERSIST_WHOLE_STORE).valueOf() || false;
 
@@ -20,7 +42,7 @@ export function setupStore(preloadedState = DEFAULT_PRELOADED_STATE) {
     preloadedState,
     enhancers: (getDefaultEnhancers) =>
       getDefaultEnhancers().concat(
-        rememberEnhancer(AsyncStorage, rememberedKeys, {
+        rememberEnhancer(storage, rememberedKeys, {
           persistWholeStore: PERSIST_WHOLE_STORE,
         })
       ),