diff --git a/chartlets.js/src/lib/components/Typography.tsx b/chartlets.js/src/lib/components/Typography.tsx
index 9276b8c..8056e97 100644
--- a/chartlets.js/src/lib/components/Typography.tsx
+++ b/chartlets.js/src/lib/components/Typography.tsx
@@ -23,7 +23,7 @@ export function Typography({
   gutterBottom,
   noWrap,
   variant,
-  children: components,
+  children: nodes,
   onChange,
 }: TypographyProps) {
   return (
@@ -35,7 +35,7 @@ export function Typography({
       noWrap={noWrap}
       variant={variant}
     >
-      <ComponentChildren components={components} onChange={onChange} />
+      <ComponentChildren nodes={nodes} onChange={onChange} />
     </MuiTypography>
   );
 }
diff --git a/chartlets.js/src/lib/types/state/component.ts b/chartlets.js/src/lib/types/state/component.ts
index 2e21355..85b2046 100644
--- a/chartlets.js/src/lib/types/state/component.ts
+++ b/chartlets.js/src/lib/types/state/component.ts
@@ -20,7 +20,7 @@ export type ComponentNode =
 export interface ComponentState {
   // TODO: Rename to tag, so we can also have
   //   (Html)ElementState along with ComponentState
-  type: ComponentType;
+  type: string;
   children?: ComponentNode[];
   // common HTML attributes
   id?: string;