From df131acd0669ac23cd993fb73e3f6ec7a836ea62 Mon Sep 17 00:00:00 2001
From: t1enne <nasir.taov@gmail.com>
Date: Sun, 8 May 2022 09:39:26 +0200
Subject: [PATCH] wrapped with recoil

---
 web/stories/Header.stories.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/stories/Header.stories.tsx b/web/stories/Header.stories.tsx
index ad4fa9acd..cf542c365 100644
--- a/web/stories/Header.stories.tsx
+++ b/web/stories/Header.stories.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import Header from '../components/ui/Header/Header';
+import { RecoilRoot } from 'recoil';
 
 export default {
   title: 'owncast/Header',
@@ -8,7 +9,11 @@ export default {
   parameters: {},
 } as ComponentMeta<typeof Header>;
 
-const Template: ComponentStory<typeof Header> = args => <Header {...args} />;
+const Template: ComponentStory<typeof Header> = args => (
+  <RecoilRoot>
+    <Header {...args} />
+  </RecoilRoot>
+);
 
 export const Example = Template.bind({});
 Example.args = {