checkpoint

Author: abrehamgezahegn

typescript/src/renderer/JsonDocRenderer.tsx

@@ -1,9 +1,11 @@
 import "./styles/index.css";
-import React from "react";
+import React, { useEffect } from "react";
 
 import { Page } from "@/models/generated";
 // import { validateAgainstSchema } from "@/validation/validator";
 
+import { loadBlock, loadPage } from "@/serialization/loader";
+
 import { BlockRenderer } from "./components/BlockRenderer";
 import { PageDelimiter } from "./components/PageDelimiter";
 import { JsonViewPanel } from "./components/dev/JsonViewPanel";
@@ -46,6 +48,15 @@ export const JsonDocRenderer = ({
       backrefs,
     });
 
+  useEffect(() => {
+    try {
+      //TODO: this is not throwing for invalid page object (one that doesn't follow schema)
+      const serialized = loadPage(page);
+    } catch (error) {
+      // console.log("error ", error);
+    }
+  }, []);
+
   // return null;
   const renderedContent = (
     <div className="json-doc-page">