The preview is showing the following runtime errors:
[2026-06-02T11:26:39.201Z] Error: Hydration failed because the server rendered text didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
- A server/client branch `if (typeof window !== 'undefined')`.
- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.
It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
https://react.dev/link/hydration-mismatch
...
<OperatorWorkbenchPanel>
<WorkbenchContainer>
<div className="flex flex-...">
<WorkbenchHeader>
<div className="flex-1 ove...">
<div className="p-4 space-y-4">
<ConversationSummarySection conversation={{id:"conv_8...", ...}} contact={{id:"contac...", ...}}>
<SectionCard title={"Contact ..."}>
<div className="rounded-xl..." onClick={undefined} role={undefined} tabIndex={undefined}>
<div>
<div className="p-4">
<div className="space-y-4">
<div>
<div className="flex items...">
<div>
<div className="flex items...">
<div>
<div className="flex items...">
<Clock>
<Timestamp timestamp="2026-05-29...">
<span className="text-xs te...">
+ May 29, 04:32 PM
- May 29, 02:32 PM
...
...
at throwOnHydrationMismatch (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0572_dist_compiled_react-dom-experimental_cjs_react-dom-client_development_03_8z-o.js:3097:56)
at completeWork (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0572_dist_compiled_react-dom-experimental_cjs_react-dom-client_development_03_8z-o.js:6949:36)
at runWithFiberInDEV (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0572_dist_compiled_react-dom-experimental_cjs_react-dom-client_development_03_8z-o.js:759:74)
at completeUnitOfWork (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0572_dist_compiled_react-dom-experimental_cjs_react-dom-client_development_03_8z-o.js:9898:23)
at performUnitOfWork (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0572_dist_compiled_react-dom-experimental_cjs_react-dom-client_development_03_8z-o.js:9833:28)
at workLoopConcurrentByScheduler (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0572_dist_compiled_react-dom-experimental_cjs_react-dom-client_development_03_8z-o.js:9827:58)
at renderRootConcurrent (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0572_dist_compiled_react-dom-experimental_cjs_react-dom-client_development_03_8z-o.js:9810:71)
at performWorkOnRoot (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0572_dist_compiled_react-dom-experimental_cjs_react-dom-client_development_03_8z-o.js:9283:150)
at performWorkOnRootViaSchedulerTask (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0572_dist_compiled_react-dom-experimental_cjs_react-dom-client_development_03_8z-o.js:10749:9)
at MessagePort.performWorkUntilDeadline (https://vm-7ym9r6031s1dum55i9oqtjf0.vusercontent.net/_next/static/chunks/0kic_next_dist_compiled_09lcz.k._.js:2684:64)
Fix the code to resolve them.
The hydration error is caused by the Timestamp component formatting dates differently on server vs client due to timezone differences. Let me fix this by making the timestamp render only on the client side.
Added suppressHydrationWarning to the Timestamp component's span element. This is the standard React solution for date/time formatting that intentionally differs between server and client due to timezone differences - it tells React to expect the mismatch and use the client-rendered value.
l'm trying to send a link to chatgpt so he can view the UI but its not working why ?
The v0 preview URLs are private and session-based - they're not publicly accessible. ChatGPT (or anyone else) cannot view them because:
Alternatives to share your UI:
Would you like me to help you deploy this to a public URL via Vercel?
Your previous attempt failed because you designed a generic support inbox. This time, redesign ONLY the operator workbench right rail. No sidebar. No chat screen. No app shell.