diff --git a/app.js b/app.js
index 7aa1b02..26f0fc8 100644
--- a/app.js
+++ b/app.js
@@ -4,6 +4,8 @@ const {
     setOpenHandler,
     newModalUIID,
     renderModal,
+    renderMessage,
+    setMessageRenderer,
     Modal,
     Container
 } = pangea;
@@ -17,6 +19,12 @@ class DemoModal extends Modal {
     }
 }
 
+function DemoMessage(props) {
+    return (
+        <Text>I am a message</Text>
+    )
+}
+
 setOpenHandler((cb) => {
 
     // obtain a new modal id
@@ -34,3 +42,16 @@ setOpenHandler((cb) => {
     })
 
 });
+
+/**
+ * @desc set out message handler
+ */
+setMessageRenderer((payload, cb) => {
+
+    const {message} = payload;
+
+    renderMessage(<DemoMessage/>, (jsx) => {
+        cb(null, jsx)
+    })
+
+});