fix: fix blinking

Author: sareyu

src/components/Graph/GravityGraph.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import type {TGraphConfig} from '@gravity-ui/graph';
 import {GraphState} from '@gravity-ui/graph';
+import type {HookGraphParams} from '@gravity-ui/graph/react';
 import {GraphBlock, GraphCanvas, useGraph, useGraphEvent} from '@gravity-ui/graph/react';
 
 import {cn} from '../../utils/cn';
@@ -25,7 +25,7 @@ interface Props<T> {
     theme?: string;
 }
 
-const config: TGraphConfig = {
+const config: HookGraphParams = {
     settings: {
         connection: NonSelectableConnection,
         showConnectionArrows: false,
@@ -92,7 +92,7 @@ export function GravityGraph<T>({data, theme}: Props<T>) {
     }, [data.nodes, data.links, graph]);
 
     React.useEffect(() => {
-        graph.setColors(parseCustomPropertyValue(graphColorsConfig, graph.getGraphCanvas()));
+        graph.setColors(parseCustomPropertyValue(graphColorsConfig));
     }, [graph, theme]);
 
     useGraphEvent(graph, 'state-change', ({state}) => {

src/components/Graph/colorsConfig.ts

@@ -8,6 +8,11 @@ export const graphColorsConfig = {
         dots: 'var(--g-color-line-generic)',
         layerBackground: 'var(--g-color-base-background)',
     },
+    block: {
+        text: 'var(--g-color-text-primary)',
+        background: 'var(--g-color-base-float)',
+        border: 'var(--g-color-line-generic-solid)',
+    },
     connection: {
         background: 'var(--g-color-line-generic-solid)',
         hoverBackground: 'var(--g-color-line-generic-solid)',

src/containers/Tenant/Query/QueryResult/components/Graph/Graph.tsx

@@ -30,7 +30,7 @@ export function Graph({explain = {}, theme}: GraphProps) {
 
     return (
         <div className={b('canvas-container')}>
-            <GravityGraph data={data} theme={theme} key={theme} />
+            <GravityGraph data={data} theme={theme} />
         </div>
     );
 }