diff --git a/packages/app/src/components/LiveChat/index.jsx b/packages/app/src/components/LiveChat/index.jsx
index 4df8d662..e4aa4d6d 100755
--- a/packages/app/src/components/LiveChat/index.jsx
+++ b/packages/app/src/components/LiveChat/index.jsx
@@ -198,6 +198,14 @@ export default class LiveChat extends React.Component {
     }
 
     componentDidMount = async () => {
+        // check if user is logged in
+        if (!SessionModel.token) {
+            return this.setState({
+                connecting: false,
+                noAuthed: true
+            })
+        }
+
         await this.joinSocketRoom()
 
         app.ctx = {
@@ -255,6 +263,12 @@ export default class LiveChat extends React.Component {
             </div>
         }
 
+        if (this.state.noAuthed) {
+            return <div className="liveChat empty">
+                <antd.Empty description="You must be logged in to use this feature" />
+            </div>
+        }
+
         return <div
             className={classnames(
                 "liveChat",