saleor-dashboard/src/storybook/Decorator.tsx

import React from "react";

import { LocaleProvider } from "@saleor/components/Locale";
import { Provider as DateProvider } from "../components/Date/DateContext";
import { MessageManager } from "../components/messages";
import ThemeProvider from "../components/Theme";
import { TimezoneProvider } from "../components/Timezone";

export const Decorator = storyFn => (
  <LocaleProvider>
    <DateProvider value={+new Date("2018-08-07T14:30:44+00:00")}>
      <TimezoneProvider value="America/New_York">
        <ThemeProvider isDefaultDark={false}>
          <MessageManager>
            <div
              style={{
                padding: 24
              }}
            >
              {storyFn()}
            </div>
          </MessageManager>
        </ThemeProvider>
      </TimezoneProvider>
    </DateProvider>
  </LocaleProvider>
);
export default Decorator;