Handle context API call fail error

src/app.css

@@ -339,6 +339,10 @@ a.mention span {
   text-align: center;
   color: var(--text-insignificant-color);
 }
+.status-error {
+  text-align: center;
+  color: var(--text-insignificant-color);
+}
 
 .status-link {
   display: block;

src/pages/status.jsx

@@ -415,6 +415,24 @@ function StatusPage({ id }) {
                       <Loader />
                     </div>
                   )}
+                {uiState === 'error' &&
+                  isHero &&
+                  !!heroStatus?.repliesCount &&
+                  !hasDescendants && (
+                    <div class="status-error">
+                      Unable to load replies.
+                      <br />
+                      <button
+                        type="button"
+                        class="plain"
+                        onClick={() => {
+                          states.reloadStatusPage++;
+                        }}
+                      >
+                        Try again
+                      </button>
+                    </div>
+                  )}
               </li>
             );
           })}