fix: when close db, use ref to prevent update to workspace.lastLocati…

…onHash trigger this effect

src/pages/WikiWebView/WikiViewer.tsx

@@ -7,7 +7,6 @@ import { WebView } from 'react-native-webview';
 import { styled } from 'styled-components/native';
 import { useRequestNativePermissions } from '../../services/NativeService/hooks';
 import { useRegisterService } from '../../services/registerServiceOnWebView';
-import { useSQLiteService } from '../../services/SQLiteService/hooks';
 import { useSetWebViewReferenceToService } from '../../services/WikiHookService/hooks';
 import { useConfigStore } from '../../store/config';
 import { IWikiWorkspace } from '../../store/wiki';
@@ -47,7 +46,6 @@ export const WikiViewer = ({ wikiWorkspace }: WikiViewerProps) => {
   const triggerFullReload = () => {
     setWebViewKeyToReloadAfterRecycleByOS(webViewKeyToReloadAfterRecycleByOS + 1);
   };
-  useSQLiteService(wikiWorkspace);
   servicesOfWorkspace.wikiHookService.setLatestOnReloadCallback(triggerFullReload);
   useSetWebViewReferenceToService(servicesOfWorkspace.wikiHookService, webViewReference);
   const [injectHtmlAndTiddlersStore, webviewSideReceiver] = useStreamChunksToWebView(webViewReference);

src/pages/WikiWebView/index.tsx

@@ -2,6 +2,7 @@ import { StackScreenProps } from '@react-navigation/stack';
 import React from 'react';
 import { styled } from 'styled-components/native';
 import { RootStackParameterList } from '../../App';
+import { useCloseSQLite } from '../../services/SQLiteService/hooks';
 import { useWikiStore } from '../../store/wiki';
 import { WikiViewer } from './WikiViewer';
 
@@ -17,6 +18,7 @@ export interface WikiWebViewProps {
 export const WikiWebView: React.FC<StackScreenProps<RootStackParameterList, 'WikiWebView'>> = ({ route }) => {
   const { id } = route.params;
   const activeWikiWorkspace = useWikiStore(state => state.wikis.find(wiki => wiki.id === id));
+  useCloseSQLite(activeWikiWorkspace);
 
   return (
     <Container>

src/services/SQLiteService/hooks.ts

@@ -1,17 +1,22 @@
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import { IWikiWorkspace } from '../../store/wiki';
 import { sqliteServiceService } from '.';
 
-export function useSQLiteService(workspace: IWikiWorkspace) {
+export function useCloseSQLite(workspace: IWikiWorkspace | undefined) {
+  // use ref to prevent update to workspace.lastLocationHash trigger this effect
+  const databaseToCloseReference = useRef<IWikiWorkspace | undefined>(workspace);
   useEffect(() => {
     return (() => {
       void (async () => {
         try {
-          await sqliteServiceService.closeDatabase(workspace);
+          if (databaseToCloseReference.current === undefined) return;
+          console.log(`Closing sqlite database for ${databaseToCloseReference.current.id} in useSQLiteService`);
+          // eslint-disable-next-line react-hooks/exhaustive-deps
+          await sqliteServiceService.closeDatabase(databaseToCloseReference.current);
         } catch (error) {
           console.error(error);
         }
       })();
     });
-  }, [workspace]);
+  }, []);
 }