fix typings

Author: Yury Kornilov

src/ui/components/DashKit/plugins/Widget/WidgetPlugin.tsx

@@ -34,7 +34,7 @@ const widgetPlugin: PluginWidget = {
     },
     renderer: function Wrapper(
         props: Props,
-        forwardedRef: React.RefObject<ChartWidgetWithWrapRefProps>,
+        forwardedRef?: React.RefCallback<ChartWidgetWithWrapRefProps>,
     ) {
         const rootNodeRef = React.useRef<HTMLDivElement>(null);
         const {onWidgetLoadData} = useWidgetContext({

src/ui/components/DashKit/plugins/Widget/types.ts

@@ -35,7 +35,9 @@ export type WidgetPluginData = ConfigItem['data'];
 export type WidgetPluginDataWithTabs = ConfigItemWithTabs['data'] & {tabs: Array<CurrentTab>};
 
 export type WidgetPluginProps = Omit<PluginWidgetProps, 'data'> & {
-    forwardedRef: React.RefObject<ChartKit | ChartKitRef>;
+    forwardedRef?:
+        | React.RefObject<ChartKit | ChartKitRef>
+        | React.RefCallback<ChartKit | ChartKitRef>;
     data: WidgetPluginDataWithTabs | WidgetPluginData;
     getMarkdown?: (props: {text: string}) => Promise<{result: string; meta?: object}>;
     debouncedAdjustWidgetLayout: DebouncedFunc<(props: AdjustWidgetLayoutProps) => void>;

src/ui/components/Widgets/Chart/types.ts

@@ -191,7 +191,11 @@ export type ChartWithProviderProps = ChartsProps & {
     dataProvider: ChartKitDataProvider;
 };
 
-type ChartRefProp = {forwardedRef: React.RefObject<ChartKit | ChartKitRef>};
+type ChartRefProp = {
+    forwardedRef?:
+        | React.RefObject<ChartKit | ChartKitRef>
+        | React.RefCallback<ChartKit | ChartKitRef>;
+};
 
 export type ChartWrapperWithRefProps =
     | ChartWidgetProviderPropsWithRefProps

src/ui/libs/DatalensChartkit/components/ChartKitBase/types.ts

@@ -87,9 +87,10 @@ export type ChartKitBaseWrapperProps = ChartsProps & {
 };
 
 export type ChartKitBaseWrapperWithRefProps = ChartKitBaseWrapperProps & {
-    forwardedRef:
+    forwardedRef?:
         | React.RefObject<ChartKit | ChartKitRef>
-        | React.MutableRefObject<ChartKit | ChartKitRef | null>;
+        | React.MutableRefObject<ChartKit | ChartKitRef | null>
+        | React.RefCallback<ChartKit | ChartKitRef>;
 };
 
 export interface ChartKitWrapperState {