diff --git a/packages/devextreme-react/src/core/nested-option.tsx b/packages/devextreme-react/src/core/nested-option.ts
similarity index 90%
rename from packages/devextreme-react/src/core/nested-option.tsx
rename to packages/devextreme-react/src/core/nested-option.ts
index aec6f14563e0..0b2c5315c647 100644
--- a/packages/devextreme-react/src/core/nested-option.tsx
+++ b/packages/devextreme-react/src/core/nested-option.ts
@@ -59,12 +59,16 @@ const NestedOption = function NestedOption<P>(props: P & { elementDescriptor: IE
     },
   );
 
-  return (
-    <React.Fragment>
-      <NestedOptionContext.Provider value={context}>
-        { children }
-      </NestedOptionContext.Provider>
-    </React.Fragment>
+  return React.createElement(
+    React.Fragment,
+    {},
+    React.createElement(
+      NestedOptionContext.Provider,
+      {
+        value: context,
+      },
+      children,
+    ),
   );
 };