feat: attempted performance improvements powerbi

packages/power-bi/src/lib/components/report/Report.tsx

@@ -1,34 +1,47 @@
-import { useSuspenseQuery } from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
 import { FusionPowerBiToken, FusionEmbedConfig } from '../../types';
 
 import { IReportEmbedConfiguration, models } from 'powerbi-client';
 import { LoadedReport } from '../loadedReport/LoadedReport';
 import { PowerBiProps } from '../PowerBi';
+import { CircularProgress } from '@equinor/eds-core-react';
 
 export function Report({ getEmbedInfo, getToken, reportUri, controller, filters, bookmark }: PowerBiProps) {
-  const { data: token } = useSuspenseQuery<FusionPowerBiToken>({
+
+  const { data: token, isLoading: isTokenLoading } = useQuery<FusionPowerBiToken>({
     queryKey: [reportUri, 'token'],
     queryFn: ({ signal }) => getToken(reportUri, signal),
     refetchInterval: (query) => generateRefetchInterval(query.state.data),
     retry: false,
     refetchOnWindowFocus: true,
   });
 
-  const { data: embed } = useSuspenseQuery({
+  const { data: embed, isLoading: isEmbedLoading, } = useQuery({
     queryKey: [reportUri, 'embed'],
     queryFn: async ({ signal }) => {
-      const { embedUrl, reportId } = await getEmbedInfo(reportUri, token!.token, signal);
-      return generateEmbedConfig({ embedUrl, reportId }, token!.token, filters);
+      const { embedUrl, reportId } = await getEmbedInfo(reportUri, "", signal);
+      return {
+        embedUrl,
+        reportId
+      }
     },
   });
 
+
+  if (isTokenLoading || isEmbedLoading) {
+    return <div style={{ height: "100%", display: "flex", width: "100%", alignItems: "center", justifyContent: "center" }}><CircularProgress {...{} as any} size={48} /></div> }
+
   if (!embed) {
     throw new Error('No embed');
   }
 
+  if (!token) {
+    throw new Error("No token")
+  }
+
   return (
     <LoadedReport
-      config={embed}
+      config={generateEmbedConfig(embed, token!.token, filters)}
       onReportReady={(rep) => {
         if (bookmark) {
           rep.bookmarksManager.applyState(bookmark);