Function useAppDatabase

frontend/src/react/hooks/useAppDatabase.ts:14–32

(name: string)

 * `useDatabaseV1Store().getDatabaseByName`.
 */
export const useAppDatabase = (name: string): Database => {
  const getDatabaseByName = useAppStore((s) => s.getDatabaseByName);
  const getOrFetchDatabaseByName = useAppStore(
    (s) => s.getOrFetchDatabaseByName
  );
  // Subscribe to the specific cache entry so the value recomputes once the
  // database resolves. Selecting the raw entry keeps the snapshot stable for
  // `useSyncExternalStore`.
  const cached = useAppStore((s) => s.databasesByName[name]);
  useEffect(() => {
    if (isValidDatabaseName(name)) {
      void getOrFetchDatabaseByName(name);
    }
  }, [getOrFetchDatabaseByName, name]);
  return useMemo(
    () => getDatabaseByName(name),
    [getDatabaseByName, name, cached]
  );
};