Migrate libraries display to React

src/hooks/useNamedConfiguration.ts

@@ -0,0 +1,27 @@
+import { Api } from '@jellyfin/sdk';
+import { getConfigurationApi } from '@jellyfin/sdk/lib/utils/api/configuration-api';
+import { useQuery } from '@tanstack/react-query';
+import { useApi } from 'hooks/useApi';
+import type { AxiosRequestConfig } from 'axios';
+
+export const QUERY_KEY = 'NamedConfiguration';
+
+interface NamedConfiguration {
+    [key: string]: unknown;
+}
+
+export const fetchNamedConfiguration = async (api: Api, key: string, options?: AxiosRequestConfig) => {
+    const response = await getConfigurationApi(api).getNamedConfiguration({ key }, options);
+
+    return response.data as unknown as NamedConfiguration;
+};
+
+export const useNamedConfiguration = (key: string) => {
+    const { api } = useApi();
+
+    return useQuery({
+        queryKey: [ QUERY_KEY ],
+        queryFn: ({ signal }) => fetchNamedConfiguration(api!, key, { signal }),
+        enabled: !!api
+    });
+};