From 5e761b13c4ea7a7d995c5802fa7100f63814c1d9 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 20 Oct 2022 19:47:55 -0700
Subject: [PATCH] Fix storybook build

---
 .../ui/CustomPageContent/CustomPageContent.stories.tsx    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/components/ui/CustomPageContent/CustomPageContent.stories.tsx b/web/components/ui/CustomPageContent/CustomPageContent.stories.tsx
index 771abca64..e44ea40f4 100644
--- a/web/components/ui/CustomPageContent/CustomPageContent.stories.tsx
+++ b/web/components/ui/CustomPageContent/CustomPageContent.stories.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable no-useless-escape */
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { RecoilRoot } from 'recoil';
 import { CustomPageContent } from './CustomPageContent';
 
 export default {
@@ -9,8 +10,11 @@ export default {
   parameters: {},
 } as ComponentMeta<typeof CustomPageContent>;
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const Template: ComponentStory<typeof CustomPageContent> = args => <CustomPageContent {...args} />;
+const Template: ComponentStory<typeof CustomPageContent> = args => (
+  <RecoilRoot>
+    <CustomPageContent {...args} />
+  </RecoilRoot>
+);
 
 export const Example1 = Template.bind({});
 Example1.args = {