update packages

Author: Eldemarkki

.storybook/main.ts

@@ -3,11 +3,7 @@ import type { StorybookConfig } from "@storybook/nextjs";
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: ["@storybook/addon-essentials"],
-  framework: {
-    name: "@storybook/nextjs",
-    options: {},
-  },
-
+  framework: "@storybook/nextjs",
   webpack: (config) => {
     if (config.resolve) {
       // @ts-ignore
@@ -17,4 +13,4 @@ const config: StorybookConfig = {
   },
 };
 
-module.exports = config;
+export default config

.storybook/withSetup.tsx

@@ -10,6 +10,7 @@ import i18n from "i18next";
 import en from "../public/locales/en/common.json";
 import fi from "../public/locales/fi/common.json";
 import "@mantine/core/styles.css";
+import { CookiesProvider } from "react-cookie";
 
 i18n.use(initReactI18next).init({
   fallbackLng: "en",
@@ -80,12 +81,14 @@ const InnerApp = ({ children }: PropsWithChildren) => {
 export const withSetup: Decorator = (Story) => {
   return (
     <I18nextProvider i18n={i18n}>
-      <InnerApp>
-        <ModalsProvider>
-          <Notifications />
-          <Story />
-        </ModalsProvider>
-      </InnerApp>
+      <CookiesProvider>
+        <InnerApp>
+          <ModalsProvider>
+            <Notifications />
+            <Story />
+          </ModalsProvider>
+        </InnerApp>
+      </CookiesProvider>
     </I18nextProvider>
   );
 };