Adding stylex.create inside Storybook render

[tounsoo]

Hello, for better documentation, I would like to add the stylex.create inside the render so that consumers can see how it works.

Sample Story

export const OverrideStyle: Story = {
  render: () => {
    const customStyle = stylex.create({
      test: {
        minWidth: "500px",
      },
    });
    
    return <Button style={customStyle.test} >Custom Style</Button>;
  },
};

Above returns our friendly error message stylex.create() is only allowed at the root of a program.

Is there a way to resolve this error for Storybook example?

---

Current status of the Storybook

I want the customStyle piece from above to show in the code section. It currently only works when I have it defined on the root.

[nmn]

This is a constraint of how the compiler works. However, you should be able to write a Babel transform that hoists the stylex.create calls out at compile time. This should solve your problem.