fix: recover after react 19 compatibility fix (#28661)

Author: VasilyStrelyaev

packages/devextreme-react/src/core/component-base.tsx

@@ -25,8 +25,7 @@ import { DXRemoveCustomArgs, DXTemplateCreator, InitArgument } from './types';
 import { elementPropNames, getClassName } from './widget-config';
 import { TemplateManager } from './template-manager';
 import { ComponentProps } from './component';
-import { ElementType, IOptionElement } from './configuration/react/element';
-import { IConfigNode } from './configuration/config-node';
+import { ElementType } from './configuration/react/element';
 
 import {
   NestedOptionContext,
@@ -96,7 +95,25 @@ const ComponentBase = forwardRef<ComponentBaseRef, any>(
 
     const prevPropsRef = useRef<P & ComponentBaseProps>();
 
-    let widgetConfig: IConfigNode;
+    const templateContainer = useMemo(() => document.createElement('div'), []);
+
+    const [widgetConfig, context] = useOptionScanning(
+      {
+        type: ElementType.Option,
+        descriptor: {
+          name: '',
+          isCollection: false,
+          templates: templateProps,
+          initialValuesProps: defaults,
+          predefinedValuesProps: {},
+          expectedChildren,
+        },
+        props,
+      },
+      props.children,
+      templateContainer,
+      Symbol('initial update token'),
+    );
 
     const restoreTree = useCallback(() => {
       if (childElementsDetached.current && childNodes.current?.length && element.current) {
@@ -249,6 +266,7 @@ const ComponentBase = forwardRef<ComponentBaseRef, any>(
       instance.current,
       subscribableOptions,
       independentEvents,
+      widgetConfig,
     ]);
 
     const onTemplatesRendered = useCallback(() => {
@@ -279,6 +297,7 @@ const ComponentBase = forwardRef<ComponentBaseRef, any>(
       scheduleTemplatesUpdate,
       updateCssClasses,
       props,
+      widgetConfig,
     ]);
 
     const onComponentMounted = useCallback(() => {
@@ -339,34 +358,6 @@ const ComponentBase = forwardRef<ComponentBaseRef, any>(
       shouldRestoreFocus.current,
     ]);
 
-    const templateContainer = useMemo(() => document.createElement('div'), []);
-
-    const elementDescriptor: IOptionElement = useMemo(() => ({
-      type: ElementType.Option,
-      descriptor: {
-        name: '',
-        isCollection: false,
-        templates: templateProps,
-        initialValuesProps: defaults,
-        predefinedValuesProps: {},
-        expectedChildren,
-      },
-      props,
-    }), [
-      templateProps,
-      defaults,
-    ]);
-
-    const options = useOptionScanning(
-      elementDescriptor,
-      props.children,
-      templateContainer,
-      Symbol('initial update token'),
-    );
-
-    [widgetConfig] = options;
-    const [, context] = options;
-
     useLayoutEffect(() => {
       onComponentMounted();
 

packages/devextreme-react/src/core/use-option-scanning.ts

@@ -5,7 +5,6 @@ import {
   useContext,
   useRef,
   useLayoutEffect,
-  useMemo,
 } from 'react';
 
 import { ElementType, getElementType, IOptionElement } from './configuration/react/element';
@@ -32,13 +31,7 @@ export function useOptionScanning(
 
   const updateToken = Symbol('update token');
 
-  const configBuilder = useMemo(
-    () => createConfigBuilder(optionElement, parentFullName),
-    [
-      optionElement,
-      parentFullName,
-    ],
-  );
+  const configBuilder = createConfigBuilder(optionElement, parentFullName);
 
   Children.forEach(
     children,