fix(web): 修复 issue detail 页 active tab 状态问题

mock/data.json

@@ -1 +1 @@
-{"apiKey":"78d2315eb7b0f4d58a87f9273325969512953c52d8c2adff67ea60a450e23bf8", "appVersion":"0.0.0", "appType":"react", "timestamp":"2022-07-15T01:24:55.606Z", "category":"error", "type":"unhandledrejectionError", "sdk":{"platform":"ohbug-browser", "version":"2.0.3"}, "device":{"language":"zh-CN", "userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49", "title":"Ohbug", "url":"https://localhost:4000/"}, "detail":{"message":"nothis is a reject message in Promise", "stack":"Error: this is a reject message in Promise\n    at https://localhost:4000/src/App.tsx:42:14\n    at new Promise (<anonymous>)\n    at https://localhost:4000/src/App.tsx:41:21\n    at HTMLUnknownElement.callCallback2 (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3449:22)\n    at Object.invokeGuardedCallbackDev (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3474:24)\n    at invokeGuardedCallback (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3508:39)\n    at invokeGuardedCallbackAndCatchFirstError (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3511:33)\n    at executeDispatch (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6546:11)\n    at processDispatchQueueItemsInOrder (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6566:15)\n    at processDispatchQueue (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6575:13)"}, "actions":[{"type":"click", "timestamp":"2022-07-15T01:24:55.605Z", "message":"click node", "data":{"tagName":"BUTTON", "id":"", "className":"", "name":"", "outerHTML":"<button>Promise错误</button>", "nodeType":1, "selector":"html > body > div#root > div#react-app > div > button:nth-child(2)"}}], "metadata":{}, "releaseStage":"production"}
+{"apiKey":"6fdc71ad3402cd84bf1153bbb21add518a7eff8491aa90310f636b8334b1dad5", "appVersion":"0.0.0", "appType":"react", "timestamp":"2022-07-15T01:24:55.606Z", "category":"error", "type":"unhandledrejectionError", "sdk":{"platform":"ohbug-browser", "version":"2.0.3"}, "device":{"language":"zh-CN", "userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49", "title":"Ohbug", "url":"https://localhost:4000/"}, "detail":{"message":"nothis is a reject message in Promise", "stack":"Error: this is a reject message in Promise\n    at https://localhost:4000/src/App.tsx:42:14\n    at new Promise (<anonymous>)\n    at https://localhost:4000/src/App.tsx:41:21\n    at HTMLUnknownElement.callCallback2 (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3449:22)\n    at Object.invokeGuardedCallbackDev (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3474:24)\n    at invokeGuardedCallback (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3508:39)\n    at invokeGuardedCallbackAndCatchFirstError (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3511:33)\n    at executeDispatch (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6546:11)\n    at processDispatchQueueItemsInOrder (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6566:15)\n    at processDispatchQueue (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6575:13)"}, "actions":[{"type":"click", "timestamp":"2022-07-15T01:24:55.605Z", "message":"click node", "data":{"tagName":"BUTTON", "id":"", "className":"", "name":"", "outerHTML":"<button>Promise错误</button>", "nodeType":1, "selector":"html > body > div#root > div#react-app > div > button:nth-child(2)"}}], "metadata":{}, "releaseStage":"production"}

mock/request.http

@@ -1,4 +1,4 @@
 POST http://localhost:6660
 content-type: application/json
 
-{"apiKey":"78d2315eb7b0f4d58a87f9273325969512953c52d8c2adff67ea60a450e23bf8", "appVersion":"0.0.0", "appType":"react", "timestamp":"2022-08-25T01:24:55.606Z", "category":"error", "type":"unhandledrejectionError", "sdk":{"platform":"ohbug-browser", "version":"2.0.3"}, "device":{"language":"zh-CN", "userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49", "title":"Ohbug", "url":"https://localhost:4000/"}, "detail":{"message":"this is a reject message in Promise", "stack":"Error: this is a reject message in Promise\n    at https://localhost:4000/src/App.tsx:42:14\n    at new Promise (<anonymous>)\n    at https://localhost:4000/src/App.tsx:41:21\n    at HTMLUnknownElement.callCallback2 (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3449:22)\n    at Object.invokeGuardedCallbackDev (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3474:24)\n    at invokeGuardedCallback (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3508:39)\n    at invokeGuardedCallbackAndCatchFirstError (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3511:33)\n    at executeDispatch (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6546:11)\n    at processDispatchQueueItemsInOrder (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6566:15)\n    at processDispatchQueue (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6575:13)"}, "actions":[{"type":"click", "timestamp":"2022-07-15T01:24:55.605Z", "message":"click node", "data":{"tagName":"BUTTON", "id":"", "className":"", "name":"", "outerHTML":"<button>Promise错误</button>", "nodeType":1, "selector":"html > body > div#root > div#react-app > div > button:nth-child(2)"}}], "metadata":{"test":{"foo": [1,"2", true]}}, "releaseStage":"production"}
+{"apiKey":"6fdc71ad3402cd84bf1153bbb21add518a7eff8491aa90310f636b8334b1dad5", "appVersion":"0.0.0", "appType":"react", "timestamp":"2022-08-25T01:24:55.606Z", "category":"error", "type":"unhandledrejectionError", "sdk":{"platform":"ohbug-browser", "version":"2.0.3"}, "device":{"language":"zh-CN", "userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49", "title":"Ohbug", "url":"https://localhost:4000/"}, "detail":{"message":"this is a reject message in Promise", "stack":"Error: this is a reject message in Promise\n    at https://localhost:4000/src/App.tsx:42:14\n    at new Promise (<anonymous>)\n    at https://localhost:4000/src/App.tsx:41:21\n    at HTMLUnknownElement.callCallback2 (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3449:22)\n    at Object.invokeGuardedCallbackDev (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3474:24)\n    at invokeGuardedCallback (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3508:39)\n    at invokeGuardedCallbackAndCatchFirstError (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:3511:33)\n    at executeDispatch (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6546:11)\n    at processDispatchQueueItemsInOrder (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6566:15)\n    at processDispatchQueue (https://localhost:4000/node_modules/.vite/deps/react-dom_client.js?v=a7e32710:6575:13)"}, "actions":[{"type":"click", "timestamp":"2022-07-15T01:24:55.605Z", "message":"click node", "data":{"tagName":"BUTTON", "id":"", "className":"", "name":"", "outerHTML":"<button>Promise错误</button>", "nodeType":1, "selector":"html > body > div#root > div#react-app > div > button:nth-child(2)"}}], "metadata":{"test":{"foo": [1,"2", true]}}, "releaseStage":"production"}

packages/web/src/components/issueDetailTabs.tsx

@@ -59,7 +59,7 @@ const IssueDetailTabs: FC<Props> = ({ event }) => {
 
   return (
     <Tabs
-      defaultIndex={active}
+      index={active}
       onChange={handleTabChange}
       variant="enclosed-colored"
     >