diff --git a/src/packages/modules-datasets/routes/index.spec.js b/src/packages/modules-datasets/routes/index.spec.tsx
similarity index 100%
rename from src/packages/modules-datasets/routes/index.spec.js
rename to src/packages/modules-datasets/routes/index.spec.tsx
diff --git a/src/packages/modules-datasets/routes/index.js b/src/packages/modules-datasets/routes/index.tsx
similarity index 97%
rename from src/packages/modules-datasets/routes/index.js
rename to src/packages/modules-datasets/routes/index.tsx
index 28aa0c9a9..61449e3d8 100644
--- a/src/packages/modules-datasets/routes/index.js
+++ b/src/packages/modules-datasets/routes/index.tsx
@@ -11,7 +11,7 @@ import DatasetsMenu from './menu';
 const rootApp = document.getElementById('root-app');
 const DatasetsComponent = () => {
 	if (rootApp) {
-		rootApp.classList = ['datasets'];
+		rootApp.className = 'datasets';
 	}
 	return (
 		<>
diff --git a/src/packages/modules-datasets/routes/menu.spec.js b/src/packages/modules-datasets/routes/menu.spec.tsx
similarity index 100%
rename from src/packages/modules-datasets/routes/menu.spec.js
rename to src/packages/modules-datasets/routes/menu.spec.tsx
diff --git a/src/packages/modules-datasets/routes/menu.js b/src/packages/modules-datasets/routes/menu.tsx
similarity index 92%
rename from src/packages/modules-datasets/routes/menu.js
rename to src/packages/modules-datasets/routes/menu.tsx
index 5aa3aec0a..59d3fb983 100644
--- a/src/packages/modules-datasets/routes/menu.js
+++ b/src/packages/modules-datasets/routes/menu.tsx
@@ -13,16 +13,16 @@ const DatasetsMenu = () => {
 		{
 			path: '/datasets/distributions',
 			pathKey: 'distributions',
-			className: null,
-			attrs: null,
+			className: {},
+			attrs: {},
 			label: D.distributionsTitle,
 			order: 2,
 		},
 		{
 			path: '/datasets',
 			pathKey: 'datasets',
-			className: null,
-			attrs: null,
+			className: {},
+			attrs: {},
 			label: D.datasetsTitle,
 			order: 1,
 		},