how am I supposed to use reagent with a react library that expects children to be a fn? for example, react-dnd:

<DragDropContext onDragEnd={this.onDragEnd}>
        <Droppable droppableId="droppable">
          {(provided, snapshot) => (
            <div
              ref={provided.innerRef}
              style={getListStyle(snapshot.isDraggingOver)}
            >

i’m not sure the proper combination of as-element or adapt-react-class, so something like this doesn’t work:

[(r/adapt-react-class DragDropContext) ... 
  [(r/adapt-react-class Droppable) ...
    (fn [pr sn]
      [:div ...])]]

@lwhorton you may have to use reactify component

(let [decorator (react-dnd/DragDropContext html5-backend/default)]
      [(reagent/adapt-react-class
        (decorator (reagent/reactify-component router-component)))])))

where router-component is a reagent component

there are a couple of examples here https://github.com/reagent-project/reagent/blob/master/docs/InteropWithReact.md#example-decorator-higher-order-components

but basically you need to run your reagent-side stuff through reactify component or as-element before passing it to react