diff --git a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatPreviewSearchList.tsx b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatPreviewSearchList.tsx
new file mode 100644
index 000000000..be68b161d
--- /dev/null
+++ b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatPreviewSearchList.tsx
@@ -0,0 +1,19 @@
+import { ChatPreviewSearchList } from '@pushprotocol/uiweb';
+
+const ChatPreviewSearchListTest = () => {
+  return (
+    <>
+      <div
+        style={{
+          background: '#ffeded',
+          border: '1px solid rgb(226,8,128)',
+          height: '28.5vh',
+        }}
+      >
+        <ChatPreviewSearchList searchParamter="0xFA3F8E79fb9B03e7a04295594785b91588Aa4DC8" />
+      </div>
+    </>
+  );
+};
+
+export default ChatPreviewSearchListTest;
diff --git a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatUITest.tsx b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatUITest.tsx
index d76a77baa..20b6d4e48 100644
--- a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatUITest.tsx
+++ b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatUITest.tsx
@@ -33,7 +33,7 @@ const ChatUITest = () => {
             CHAT BUBBLE
           </Link>
           <Link to="/ChatViewList" className="nav-button">
-           CHAT VIEW LIST
+            CHAT VIEW LIST
           </Link>
           <Link to="/ChatView" className="nav-button">
             CHAT VIEW
@@ -44,6 +44,9 @@ const ChatUITest = () => {
           <Link to="/ChatPreviewList" className="nav-button">
             CHAT PREVIEW LIST
           </Link>
+          <Link to="/ChatPreviewSearchList" className="nav-button">
+            CHAT PREVIEW SEARCH LIST
+          </Link>
           <Link to="/userProfile" className="nav-button">
             USER PROFILE COMPONENT
           </Link>
diff --git a/packages/examples/sdk-frontend-react/src/app/app.tsx b/packages/examples/sdk-frontend-react/src/app/app.tsx
index bb55e117c..5ac77bbe9 100644
--- a/packages/examples/sdk-frontend-react/src/app/app.tsx
+++ b/packages/examples/sdk-frontend-react/src/app/app.tsx
@@ -106,6 +106,7 @@ import { SubscriptionManagerTest } from './widget/SubscriptionManagerTest';
 import Widget from './widget/Widget';
 // import { SubscriptionManagerTest } from './widget/SubscriptionManagerTest';
 import { UserProfileTest } from './ChatUITest/UserProfileTest';
+import ChatPreviewSearchListTest from './ChatUITest/ChatPreviewSearchList';
 
 window.Buffer = window.Buffer || Buffer;
 
@@ -656,6 +657,10 @@ export function App() {
                           path="ChatPreview"
                           element={<ChatPreviewTest />}
                         />
+                        <Route
+                          path="ChatPreviewSearchList"
+                          element={<ChatPreviewSearchListTest />}
+                        />
                         <Route
                           path="ChatPreviewList"
                           element={<ChatPreviewListTest />}
diff --git a/packages/uiweb/src/lib/dataProviders/ChatDataProvider.tsx b/packages/uiweb/src/lib/dataProviders/ChatDataProvider.tsx
index 477a255bd..e429dd07d 100644
--- a/packages/uiweb/src/lib/dataProviders/ChatDataProvider.tsx
+++ b/packages/uiweb/src/lib/dataProviders/ChatDataProvider.tsx
@@ -115,7 +115,7 @@ export const ChatUIProvider = ({
 
     console.debug(`UIWeb::ChatDataProvider::user changed - ${new Date().toISOString()}`, user);
 
-    if (!user.readmode()) {
+    if (!user?.readmode()) {
       await initStream(user);
     }