DocsContextProps includes StoryContext

[chappelo]

Is your feature request related to a problem? Please describe.

Hi people.
I want my configure.mdx (named according to sandbox) to change based on i18 language settings without having to resort to 'any' use - currently I don't think there is(?). Adding StoryContext to DocsContextProps could alleviate this problem. My current implementation:

Configure.mdx

<Meta title="Example/Intro" />
<Introduction />

Introduction.tsx

export const Introduction: FunctionComponent = () => {
  const [t] = useTranslation();

  return (
    <>
      <h1>{t("title")}</h1>
      <p>{t("description.introduction")}</p>
      <p>{t("description.languages")}</p>
    </>
  );
};

DocsContainer.tsx

/* .storybook/DocsContainer.tsx */
type Props = {
  context: DocsContextProps;
};

export const DocsContainer = (props: PropsWithChildren<Props>) => {
  const dark = useDarkMode();
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  const context: any = props.context;
  i18n.changeLanguage(context.store.globals.globals.locale);

  return (
    <DocsContainer 
      context={props.context}
      theme={
        dark
          ? {
              ...themes.dark,
              appContentBg: palette.black,
              appPreviewBg: palette.black,
            }
          : {
              ...themes.light,
              appContentBg: palette.white,
              appPreviewBg: palette.white,
            }
      }
    >
      {props.children}
    </DocsContainer >
  );
};

Describe the solution you'd like

Typesafe way to access StoryContext on DocsContextProps

Are you able to assist to bring the feature to reality?

yes, I can