fix: combiners with differing types render nothing for some children (#222)

* fix: combiners with differing types render nothing for some children

* fix: prettier updates

Author: BelfordZ

src/__stories__/Combiners.tsx

@@ -36,5 +36,8 @@ OneOfMulti.args = { schema: oneOfWithMultiTypesSchema, renderRootTreeLines: true
 export const ArrayOneOf2 = Template.bind({});
 ArrayOneOf2.args = { schema: oneOfWithArraySchema2 as JSONSchema4, renderRootTreeLines: true };
 
+export const OneOfMulti = Template.bind({});
+OneOfMulti.args = { schema: oneOfWithMultiTypesSchema, renderRootTreeLines: true };
+
 export const ObjectAnyOf = Template.bind({});
 ObjectAnyOf.args = { schema: anyOfObject as JSONSchema4 };

src/__tests__/__snapshots__/index.spec.tsx.snap

@@ -330,6 +330,13 @@ exports[`HTML Output given array with oneOf containing items, should merge it co
         </div>
         <div>(one of)</div>
       </div>
+      <div data-id=\\"b55b1e932485c\\">
+        <div>
+          <div>
+            <div><span>array[string]</span></div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>

src/components/SchemaRow/TopLevelSchemaRow.tsx

@@ -88,6 +88,8 @@ export const TopLevelSchemaRow = ({
             currentNestingLevel={nestingLevel}
             parentNodeId={nodeId}
           />
+        ) : combiner ? (
+          <SchemaRow schemaNode={selectedChoice.type} nestingLevel={nestingLevel} />
         ) : null}
       </>
     );