diff --git a/src/mock/MockTable50Lines.tsx b/src/mock/MockTable50Lines.tsx
index ab9b1f7..ad00c0f 100644
--- a/src/mock/MockTable50Lines.tsx
+++ b/src/mock/MockTable50Lines.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
-
 import ReactDOM from 'react-dom/client';
+import rehypeParse from 'rehype-parse';
+import { unified } from 'unified';
 
-import { wrapDataTable } from '../DataTable';
+import { adaptDataTable } from '../DataTable';
 
-const tableHTML = (
+const tableHTML = `
   <table className="table table-bordered">
     <thead>
       <tr>
@@ -266,8 +267,8 @@ const tableHTML = (
       </tr>
     </tbody>
   </table>
-);
-const DataTables = wrapDataTable(() => tableHTML);
+`;
+const DataTables = (await (await unified().use(rehypeParse, { fragment: true }).use(adaptDataTable).process(tableHTML)).result) as any;
 
 ReactDOM.createRoot(document.getElementById('MockTable50Lines') as HTMLElement).render(
   <React.StrictMode>
diff --git a/src/mock/MockTable5Lines.tsx b/src/mock/MockTable5Lines.tsx
index 522d5fa..13d40e0 100644
--- a/src/mock/MockTable5Lines.tsx
+++ b/src/mock/MockTable5Lines.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
-
+import rehypeParse from 'rehype-parse';
+import { unified } from 'unified';
 import ReactDOM from 'react-dom/client';
 
-import { wrapDataTable } from '../DataTable';
+import { adaptDataTable } from '../DataTable';
 
-const tableHTML = (
+const tableHTML = `
   <table className="table table-bordered">
     <thead>
       <tr>
@@ -41,8 +42,8 @@ const tableHTML = (
       </tr>
     </tbody>
   </table>
-);
-const DataTables = wrapDataTable(() => tableHTML);
+`;
+const DataTables = (await (await unified().use(rehypeParse, { fragment: true }).use(adaptDataTable).process(tableHTML)).result) as any;
 
 ReactDOM.createRoot(document.getElementById('MockTable5Lines') as HTMLElement).render(
   <React.StrictMode>
diff --git a/src/mock/MockTableForCalcMethod.tsx b/src/mock/MockTableForCalcMethod.tsx
index 621647d..4a558dc 100644
--- a/src/mock/MockTableForCalcMethod.tsx
+++ b/src/mock/MockTableForCalcMethod.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
-
 import ReactDOM from 'react-dom/client';
+import rehypeParse from 'rehype-parse';
+import { unified } from 'unified';
 
-import { wrapDataTable } from '../DataTable';
+import { adaptDataTable } from '../DataTable';
 
-const tableHTML = (
+const tableHTML = `
   <table className="table table-bordered">
     <thead>
       <tr>
@@ -83,8 +84,8 @@ const tableHTML = (
       </tr>
     </tbody>
   </table>
-);
-const DataTables = wrapDataTable(() => tableHTML);
+`;
+const DataTables = (await (await unified().use(rehypeParse, { fragment: true }).use(adaptDataTable).process(tableHTML)).result) as any;
 
 ReactDOM.createRoot(document.getElementById('MockTableForCaclMethod') as HTMLElement).render(
   <React.StrictMode>
diff --git a/src/mock/MockTableIssue9.tsx b/src/mock/MockTableIssue9.tsx
index e51a476..93ed42a 100644
--- a/src/mock/MockTableIssue9.tsx
+++ b/src/mock/MockTableIssue9.tsx
@@ -1,10 +1,12 @@
 import React from 'react';
 
 import ReactDOM from 'react-dom/client';
+import rehypeParse from 'rehype-parse';
+import { unified } from 'unified';
 
-import { wrapDataTable } from '../DataTable';
+import { adaptDataTable } from '../DataTable';
 
-const tableHTML = (
+const tableHTML = `
   <table className="table table-bordered">
     <thead>
       <tr>
@@ -35,8 +37,8 @@ const tableHTML = (
       </tr>
     </tbody>
   </table>
-);
-const DataTables = wrapDataTable(() => tableHTML);
+`;
+const DataTables = (await (await unified().use(rehypeParse, { fragment: true }).use(adaptDataTable).process(tableHTML)).result) as any;
 
 ReactDOM.createRoot(document.getElementById('MockTableIssue9') as HTMLElement).render(
   <React.StrictMode>