diff --git a/package.json b/package.json
index e30dfea..fab5ef4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kne-components/components-document",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "dependencies": {
     "highlight.js": "^11.9.0",
     "markdown-it": "^14.0.0",
diff --git a/src/components/MarkdownPage/index.js b/src/components/MarkdownPage/index.js
index 6648f8d..80b9c7a 100644
--- a/src/components/MarkdownPage/index.js
+++ b/src/components/MarkdownPage/index.js
@@ -17,13 +17,13 @@ const transformResponse = (response) => {
 
 const MarkdownPageInner = createWithRemoteLoader({
     modules: ["components-core:Layout@Page", "components-core:Menu"]
-})(({remoteModules, baseUrl, url, name, data, assetsPath, contentClassName, ...props}) => {
+})(({remoteModules, baseUrl, url, name, data, assetsPath, contentClassName,transformData, ...props}) => {
     const [Page, Menu] = remoteModules;
     const contentMap = useMemo(() => {
-        return new Map(data.map((item) => {
+        return new Map((typeof transformData === 'function' ? transformData(data) : data).map((item) => {
             return [item.id, item];
         }));
-    }, [data]);
+    }, [data,transformData]);
 
     const menuItems = useMemo(() => {
         return createFileTree(data, baseUrl);