From b8a108ba038527c53b2260e2cfd914cd19480386 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sun, 4 Sep 2022 18:07:50 -0700
Subject: [PATCH] Fix chat message story

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

diff --git a/web/components/chat/ChatUserMessage/ChatUserMessage.stories.tsx b/web/components/chat/ChatUserMessage/ChatUserMessage.stories.tsx
index faee6d38c..99cac6a83 100644
--- a/web/components/chat/ChatUserMessage/ChatUserMessage.stories.tsx
+++ b/web/components/chat/ChatUserMessage/ChatUserMessage.stories.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { RecoilRoot } from 'recoil';
 import ChatUserMessage from './index';
 import { ChatMessage } from '../../../interfaces/chat-message.model';
 import Mock from '../../../stories/assets/mocks/chatmessage-user.png';
@@ -21,7 +22,11 @@ export default {
   },
 } as ComponentMeta<typeof ChatUserMessage>;
 
-const Template: ComponentStory<typeof ChatUserMessage> = args => <ChatUserMessage {...args} />;
+const Template: ComponentStory<typeof ChatUserMessage> = args => (
+  <RecoilRoot>
+    <ChatUserMessage {...args} />
+  </RecoilRoot>
+);
 
 const standardMessage: ChatMessage = JSON.parse(`{
   "type": "CHAT",