diff --git a/packages/dx-react-chart-demos/src/index.jsx b/packages/dx-react-chart-demos/src/index.jsx
index 20852d887c..5af2230779 100644
--- a/packages/dx-react-chart-demos/src/index.jsx
+++ b/packages/dx-react-chart-demos/src/index.jsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { initialize } from '@devexpress/dx-demo-shell';
 import '@devexpress/dx-demo-shell/dist/index.css';
-import { demos } from './demo-registry.js';
+import { demos, migrationSamples } from './demo-registry.js';
 import { themes } from './theme-registry.js';
 import { themeComponents } from './theme-components-registry.js';
 import { demoData } from './demo-data-registry.js';
@@ -10,6 +10,7 @@ import './index.css';
 
 initialize({
   demoSources: demos,
+  migrationSamples,
   themeSources: themes,
   themeComponents,
   demoData,
diff --git a/packages/dx-react-scheduler-demos/src/index.jsx b/packages/dx-react-scheduler-demos/src/index.jsx
index a656a8d8ac..38c470cb2f 100644
--- a/packages/dx-react-scheduler-demos/src/index.jsx
+++ b/packages/dx-react-scheduler-demos/src/index.jsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { initialize } from '@devexpress/dx-demo-shell';
 import '@devexpress/dx-demo-shell/dist/index.css';
-import { demos } from './demo-registry';
+import { demos, migrationSamples } from './demo-registry';
 import { themes } from './theme-registry';
 import { themeComponents } from './theme-components-registry';
 import { demoData } from './demo-data-registry';
@@ -10,6 +10,7 @@ import './index.css';
 
 initialize({
   demoSources: demos,
+  migrationSamples,
   themeSources: themes,
   themeComponents,
   demoData,