From 124bce65a4a9879a348c61e11887b567347b4857 Mon Sep 17 00:00:00 2001
From: Nestor Qin <imba.qxy@gmail.com>
Date: Wed, 22 May 2024 19:38:29 -0400
Subject: [PATCH] [WebGPU] Update error messages to be more user-friendly

---
 web/src/webgpu.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/webgpu.ts b/web/src/webgpu.ts
index 8d699c4c4801..10d4aab6438e 100644
--- a/web/src/webgpu.ts
+++ b/web/src/webgpu.ts
@@ -37,7 +37,12 @@ export async function detectGPUDevice(): Promise<GPUDeviceDetectOutput | undefin
   if (typeof navigator !== "undefined" && navigator.gpu !== undefined) {
     const adapter = await navigator.gpu.requestAdapter({ "powerPreference": "high-performance" });
     if (adapter == null) {
-      throw Error("Cannot find adapter that matches the request");
+      throw Error(
+        "Unable to find a compatible GPU. This issue might be because your computer doesn't have a GPU, or your system settings are not configured properly. " +
+          "Please check if your device has a GPU properly set up and if your your browser supports WebGPU. " +
+          "You can also consult your browser's compatibility chart to see if it supports WebGPU. " +
+          "For more information about WebGPU support in your browser, visit https://webgpureport.org/"
+      );
     }
     const computeMB = (value: number) => {
       return Math.ceil(value / (1 << 20)) + "MB";