⚡ Optimize state initialization in hooks using lazy evaluation (#28)

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
Co-authored-by: johnstrand <11484777+johnstrand@users.noreply.github.com>

Author: johnstrand

src/Squawk.ts

@@ -318,7 +318,7 @@ export default function createStore<T>(initialState: Required<T>, useReduxDevToo
      * See documentation for `pending()` for more details
      */
     usePending<T extends StoreProp>(...explicitContexts: T[]) {
-      const [localPending, localDispatch] = useState(pendingState.get());
+      const [localPending, localDispatch] = useState(() => pendingState.get());
 
       const subscriber = useIfMounted((value: PendingState) => {
         localDispatch(value);
@@ -371,7 +371,7 @@ export default function createStore<T>(initialState: Required<T>, useReduxDevToo
      */
     useSquawk<T extends StoreProp>(...explicitContexts: T[]): TStore {
       /** Initialize useState with the global state */
-      const [localState, localDispatcher] = useState(globalState.get());
+      const [localState, localDispatcher] = useState(() => globalState.get());
 
       /** Define subscribe via callback to guarantee stable identity */
       const subscriber = useIfMounted((value: TStore) => {