diff --git a/wax-prosemirror-components/src/components/comments/CommentBox.js b/wax-prosemirror-components/src/components/comments/CommentBox.js
new file mode 100644
index 0000000000000000000000000000000000000000..1a9d277b7eb0cdcfff9b2292f1fec6af6baab44d
--- /dev/null
+++ b/wax-prosemirror-components/src/components/comments/CommentBox.js
@@ -0,0 +1,5 @@
+import React, { useEffect, useRef, useContext } from "react";
+
+export default ({ node, view }) => {
+  useEffect(() => {}, []);
+};
diff --git a/wax-prosemirror-components/src/components/comments/CommentComponent.js b/wax-prosemirror-components/src/components/comments/CommentComponent.js
index 040586ceef7076aa7bdad031296dca521f0d6541..84fb9e2ae2b9e739d65c9c85c231190c5980ba2b 100644
--- a/wax-prosemirror-components/src/components/comments/CommentComponent.js
+++ b/wax-prosemirror-components/src/components/comments/CommentComponent.js
@@ -8,14 +8,7 @@ import React, {
 import styled from "styled-components";
 import { WaxContext } from "wax-prosemirror-core/src/ioc-react";
 import { DocumentHelpers } from "wax-prosemirror-utilities";
-
-const CommentComponentStyled = styled.div`
-  width: 100px;
-  height: 100px;
-  background: black;
-  display: flex;
-  flex-direction: row;
-`;
+import CommentsBoxList from "./CommentsBoxList";
 
 export default () => {
   const { view: { main } } = useContext(WaxContext);
@@ -29,7 +22,7 @@ export default () => {
   );
 
   const CommentComponent = useMemo(
-    () => <CommentComponentStyled view={main} />,
+    () => <CommentsBoxList comments={comments} view={main} />,
     [comments]
   );
   return <Fragment>{CommentComponent}</Fragment>;
diff --git a/wax-prosemirror-components/src/components/comments/CommentsBoxList.js b/wax-prosemirror-components/src/components/comments/CommentsBoxList.js
new file mode 100644
index 0000000000000000000000000000000000000000..01299fe178e4b00f71775474764ea1f0fe5c1caf
--- /dev/null
+++ b/wax-prosemirror-components/src/components/comments/CommentsBoxList.js
@@ -0,0 +1,12 @@
+import React, { Fragment } from "react";
+import CommentBox from "./CommentBox";
+
+export default ({ comments, view }) => {
+  return (
+    <Fragment>
+      {comments.map(comment => (
+        <CommentBox key="" node={comment.node} view={view} />
+      ))}
+    </Fragment>
+  );
+};