import React from 'react';

const Root = (props) => {
  return (
    <div>{props.children}</div>
  );
};

Root.displayName = 'Root';

export default Root;
import React, { Children } from 'react';

const Root = ({ children }) => Children.only(children);

Root.displayName = 'Root';
export default Root;
Remove <div/> from Root and add Children.only