required children prop

@plotly/dash-generator-test-component-typescript/src/components/RequiredChildrenComponent.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { RequiredChildrenComponentProps } from "../props";
+
+
+const RequiredChildrenComponent = (props: RequiredChildrenComponentProps) => {
+  const {children} = props;
+  return <div>
+    {children}
+  </div>
+}
+
+export default RequiredChildrenComponent;

@plotly/dash-generator-test-component-typescript/src/index.ts

@@ -6,6 +6,7 @@ import WrappedHTML from './components/WrappedHTML';
 import FCComponent from './components/FCComponent';
 import EmptyComponent from './components/EmptyComponent';
 import MixedComponent from './components/MixedComponent';
+import RequiredChildrenComponent from './components/RequiredChildrenComponent';
 
 export {
   TypeScriptComponent,
@@ -16,4 +17,5 @@ export {
   FCComponent,
   EmptyComponent,
   MixedComponent,
+  RequiredChildrenComponent,
 };

@plotly/dash-generator-test-component-typescript/src/props.ts

@@ -48,3 +48,7 @@ export type WrappedHTMLProps = {
     children?: React.ReactNode;
     id?: string;
 } & Pick<React.ButtonHTMLAttributes<any>, 'autoFocus'>
+
+export type RequiredChildrenComponentProps = {
+  children: React.ReactNode;
+}

tests/integration/test_generation.py

@@ -9,6 +9,7 @@
     TypeScriptComponent,
     TypeScriptClassComponent,
     StandardComponent,
+    RequiredChildrenComponent,
 )
 from dash_test_components import StyledComponent
 from dash.html import Button, Div
@@ -99,3 +100,10 @@ def test_gene003_max_props():
 
     with pytest.raises(TypeError):
         MyNestedComponent(valuey="nor this")
+
+
+def test_gene004_required_children_prop():
+    with pytest.raises(TypeError):
+        RequiredChildrenComponent()
+
+    RequiredChildrenComponent(children='worked')