code: function RootComponent() {
        return (
          <div>
            <Region data={data} foo={foo} name="sidebar1" />
            <Region data={data} foo={foo} name="sidebar2">
              {(list, props) => list.map(({ Component, name }) => (
                <Component data={props.data} foo={props.foo} key={`app-${name}`} />
              ))}
            </Region>
          </div>
        );
      }
docs: root