Staging

apps/mail/components/party.tsx

@@ -24,8 +24,14 @@ export const NotificationProvider = ({ headers }: { headers: Record<string, stri
   //     await refetchThreads();
   //   }, [refetchThreads]);
 
-  const labelsDebouncer = funnel(refetchLabels, { minQuietPeriodMs: DEBOUNCE_DELAY });
-  const threadsDebouncer = funnel(refetchThreads, { minQuietPeriodMs: DEBOUNCE_DELAY });
+  const labelsDebouncer = funnel(
+    () => queryClient.invalidateQueries({ queryKey: trpc.labels.list.queryKey() }),
+    { minQuietPeriodMs: DEBOUNCE_DELAY },
+  );
+  const threadsDebouncer = funnel(
+    () => queryClient.invalidateQueries({ queryKey: trpc.mail.listThreads.queryKey() }),
+    { minQuietPeriodMs: DEBOUNCE_DELAY },
+  );
 
   usePartySocket({
     party: 'durable-mailbox',

apps/server/package.json

@@ -45,6 +45,7 @@
     "mimetext": "^3.0.27",
     "p-retry": "6.2.1",
     "partyserver": "^0.0.71",
+    "react": "19.0.0",
     "remeda": "2.21.3",
     "resend": "^4.5.1",
     "sanitize-html": "^2.16.0",
@@ -56,6 +57,7 @@
   "devDependencies": {
     "@types/he": "1.2.3",
     "@types/node": "^22.9.0",
+    "@types/react": "19.0.10",
     "@types/sanitize-html": "2.13.0",
     "typescript": "catalog:"
   }

apps/server/src/lib/sanitize-tip-tap-html.ts

@@ -1,8 +1,15 @@
 import { Html } from '@react-email/components';
 import { render } from '@react-email/render';
 import sanitizeHtml from 'sanitize-html';
+import React from 'react';
 
 export const sanitizeTipTapHtml = async (html: string) => {
   const clean = sanitizeHtml(html);
-  return render(Html({ dangerouslySetInnerHTML: { __html: clean } }));
+  return render(
+    React.createElement(
+      Html,
+      {},
+      React.createElement('div', { dangerouslySetInnerHTML: { __html: clean } }),
+    ),
+  );
 };