From 40ad2ed0cb205b00090287cd42f4d0b29b55406a Mon Sep 17 00:00:00 2001
From: Tessa Thornton <tessathornton@gmail.com>
Date: Fri, 31 Jul 2020 10:37:05 -0400
Subject: [PATCH] remove hook causing crash from conversation modal replies
 (#3057)

---
 .../ConversationModalRepliesQuery.tsx              | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/core/client/admin/components/ConversationModal/ConversationModalRepliesQuery.tsx b/src/core/client/admin/components/ConversationModal/ConversationModalRepliesQuery.tsx
index 0ef93390f..c554715df 100644
--- a/src/core/client/admin/components/ConversationModal/ConversationModalRepliesQuery.tsx
+++ b/src/core/client/admin/components/ConversationModal/ConversationModalRepliesQuery.tsx
@@ -1,5 +1,5 @@
 import { Localized } from "@fluent/react/compat";
-import React, { FunctionComponent, useMemo } from "react";
+import React, { FunctionComponent } from "react";
 import { graphql } from "react-relay";
 
 import { QueryRenderData, QueryRenderer } from "coral-framework/lib/relay";
@@ -60,17 +60,13 @@ const ConversationModalRepliesQuery: FunctionComponent<Props> = ({
           );
         }
 
-        const replies = useMemo(
-          () => props.comment!.replies.edges.map((edge) => edge.node),
-          [props.comment.replies]
-        );
         return (
           <div>
-            {replies.map((reply) => (
-              <div key={reply.id}>
+            {props.comment.replies.edges.map((reply) => (
+              <div key={reply.node.id}>
                 <ConversationModalCommentContainer
-                  key={reply.id}
-                  comment={reply}
+                  key={reply.node.id}
+                  comment={reply.node}
                   settings={props.settings}
                   isHighlighted={false}
                   isReply={true}