diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/src/RemoteService.ts b/samples/grids/hierarchical-grid/data-performance-virtualization/src/RemoteService.ts
index 8fa33f7ce..ee2fd548d 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/src/RemoteService.ts
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/src/RemoteService.ts
@@ -1,8 +1,9 @@
 const URL = `https://data-northwind.indigo.design/`;
 
-export function getData(dataState: any): any {
-    return fetch(buildUrl(dataState))
-        .then((result) => result.json());
+export async function getData(dataState: any): Promise<any> {
+    const response = await fetch(buildUrl(dataState));
+    const data = await response.json();
+    return data;
 }
 
 function buildUrl(dataState: any) {
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/src/index.tsx b/samples/grids/hierarchical-grid/data-performance-virtualization/src/index.tsx
index 3ddf3cc60..09e5e7ef1 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/src/index.tsx
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/src/index.tsx
@@ -2,14 +2,12 @@ import React, { useEffect, useRef } from "react";
 import ReactDOM from "react-dom/client";
 import "./index.css";
 
-import { IgrGridCreatedEventArgs, IgrHierarchicalGridModule } from "igniteui-react-grids";
+import { IgrGridCreatedEventArgs } from "igniteui-react-grids";
 import { IgrHierarchicalGrid, IgrColumn, IgrRowIsland } from "igniteui-react-grids";
 
 import "igniteui-react-grids/grids/themes/light/bootstrap.css";
 import { getData } from "./RemoteService";
 
-IgrHierarchicalGridModule.register();
-
 export default function App() {
   const hierarchicalGrid = useRef<IgrHierarchicalGrid>(null);