using a predefined typescript class in default renderer options (#138)

Author: shubhamzanwar

src/renderer/index.ts

@@ -17,7 +17,7 @@ export type RendererOptions = {
   onRender?: () => void;
   onInit?: (reconciler: NodeGuiReconciler) => void;
 };
-const defaultOptions = {
+const defaultOptions: RendererOptions = {
   onInit: () => {},
   onRender: () => {}
 };
@@ -44,15 +44,15 @@ export class Renderer {
       hydrate
     ); // Creates root fiber node.
 
-    rendererOptions.onInit(reconciler);
+    (rendererOptions.onInit as Function)(reconciler);
 
     const parentComponent = null; // Since there is no parent (since this is the root fiber). We set parentComponent to null.
     reconciler.updateContainer(
       element,
       Renderer.container,
       parentComponent,
       () => {
-        rendererOptions.onRender();
+        (rendererOptions.onRender as Function)();
       }
     ); // Start reconcilation and render the result
   }