BoxedShowLayout doesn't work

[JohnCulturius]

Hi,

Really nice work but when I try to use the BoxedShowLayout with RaBox nothing happens. Maybe I did something wrong. On the other hand the grid works perfectly.

import React from "react";
import { Show, TabbedShowLayout, Tab, TextField } from "react-admin";
import { GridShowLayout, RaGrid, BoxedShowLayout, RaBox } from "ra-compact-ui";

export default function TestRunShow(props) {
  return (
    <div>
      <Show {...props}>
        <TabbedShowLayout>
          <Tab label="Summary">
            <BoxedShowLayout className="boxedShowLayout">
              <RaBox display="flex">
                <RaBox display="flex" justifyContent="space-between">
                  <TextField source="status" />
                  <TextField source="reference" />
                </RaBox>
              </RaBox>
            </BoxedShowLayout>
            <GridShowLayout className="gridShowLayout">
              <RaGrid container direction="row">
                <RaGrid item xs>
                  <TextField source="status" />
                </RaGrid>
                <RaGrid item xs>
                  <TextField source="reference" />
                </RaGrid>
              </RaGrid>
            </GridShowLayout>
          </Tab>
        </TabbedShowLayout>
      </Show>
    </div>
  );
}

Any idea ?

[ValentinnDimitroff]

Yes, it is not your fault. I found the error but didn't manage to post an issue ti indicate it.

No worries - already fixed in 08bd7ec and I'm just publishing it ;)

[mattmelling]

Just hit this same issue and can confirm that the latest version fixes it for me.