Function withOverlayAware

components/internal/decorators.tsx:27–39

(customRenderer?: CustomRenderer)

type CustomRenderer = (Story: FC, context: StoryContext) => ReactElement;

export const withOverlayAware = (customRenderer?: CustomRenderer) => (Story: StoryFn, context: StoryContext) => {
    const { overlay } = context.globals as Globals;

    if (overlay?.visible) {
        return Story(context.args, context) as ReactElement;
    }

    if (customRenderer) {
        return customRenderer(Story as FC, context);
    }

    return Story(context.args, context) as ReactElement;
};