diff --git a/frontend/src/container/GridGraphLayout/Graph/index.tsx b/frontend/src/container/GridGraphLayout/Graph/index.tsx index 1ee8cedeb8..95daa02eea 100644 --- a/frontend/src/container/GridGraphLayout/Graph/index.tsx +++ b/frontend/src/container/GridGraphLayout/Graph/index.tsx @@ -62,6 +62,10 @@ function GridCardGraph({ allowEdit, isQueryEnabled, }: GridCardGraphProps): JSX.Element { + const { isAddWidget } = useSelector( + (state) => state.dashboards, + ); + const { ref: graphRef, inView: isGraphVisible } = useInView({ threshold: 0, triggerOnce: true, @@ -116,7 +120,7 @@ function GridCardGraph({ variables, ], keepPreviousData: true, - enabled: isGraphVisible && !isEmptyWidget && isQueryEnabled, + enabled: isGraphVisible && !isEmptyWidget && isQueryEnabled && !isAddWidget, refetchOnMount: false, onError: (error) => { setErrorMessage(error.message); diff --git a/frontend/src/container/GridGraphLayout/GraphLayout.tsx b/frontend/src/container/GridGraphLayout/GraphLayout.tsx index 316b6877cc..6fc6aca63f 100644 --- a/frontend/src/container/GridGraphLayout/GraphLayout.tsx +++ b/frontend/src/container/GridGraphLayout/GraphLayout.tsx @@ -8,6 +8,7 @@ import { useSelector } from 'react-redux'; import { AppState } from 'store/reducers'; import { Widgets } from 'types/api/dashboard/getAll'; import AppReducer from 'types/reducer/app'; +import DashboardReducer from 'types/reducer/dashboards'; import { LayoutProps, State } from '.'; import { @@ -28,6 +29,9 @@ function GraphLayout({ widgets, setLayout, }: GraphLayoutProps): JSX.Element { + const { isAddWidget } = useSelector( + (state) => state.dashboards, + ); const { role } = useSelector((state) => state.app); const isDarkMode = useIsDarkMode(); @@ -53,7 +57,7 @@ function GraphLayout({ {addPanelPermission && (