Console plugin stringify on error produces empty object

Executing following code

try {
  throw new TypeError("my message");
} catch (error: unknown) {
  console.error(error);
}

produces following code in DevTools console (stack trace not relevant)

TypeError: my message
    at ThreadDevInfo.tsx:182:10
    at invokePassiveEffectCreate (react-dom.development.js:23487:20)
    at HTMLUnknownElement.callCallback2 (react-dom.development.js:3945:14)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:16)
    at invokeGuardedCallback (react-dom.development.js:4056:31)
    at flushPassiveEffectsImpl (react-dom.development.js:23574:9)
    at unstable_runWithPriority (scheduler.development.js:468:12)
    at runWithPriority$1 (react-dom.development.js:11276:10)
    at flushPassiveEffects (react-dom.development.js:23447:14)
    at react-dom.development.js:23324:11

but console plugin produces something like this

{
    "plugin": "rrweb/console@1",
    "payload": {
        "level": "error",
        "trace": [
            "https://jam.test:3000/src/components/Thread/ThreadDevInfo.tsx?t=1643212045995:136:15",
            "invokePassiveEffectCreate (https://jam.test:3000/node_modules/.vite/chunk-BPLMWNAK.js?v=be0ca6f3:16757:28)",
            "HTMLUnknownElement.callCallback2 (https://jam.test:3000/node_modules/.vite/chunk-BPLMWNAK.js?v=be0ca6f3:3671:22)",
            "Object.invokeGuardedCallbackDev (https://jam.test:3000/node_modules/.vite/chunk-BPLMWNAK.js?v=be0ca6f3:3696:24)",
            "invokeGuardedCallback (https://jam.test:3000/node_modules/.vite/chunk-BPLMWNAK.js?v=be0ca6f3:3730:39)",
            "flushPassiveEffectsImpl (https://jam.test:3000/node_modules/.vite/chunk-BPLMWNAK.js?v=be0ca6f3:16819:17)",
            "unstable_runWithPriority (https://jam.test:3000/node_modules/.vite/chunk-BPLMWNAK.js?v=be0ca6f3:346:20)",
            "runWithPriority$1 (https://jam.test:3000/node_modules/.vite/chunk-BPLMWNAK.js?v=be0ca6f3:8468:18)",
            "flushPassiveEffects (https://jam.test:3000/node_modules/.vite/chunk-BPLMWNAK.js?v=be0ca6f3:16723:22)"
        ],
        "payload": [
            "{}"
        ]
    }
}

as you see payload is equal to {} which means there were no keys found inside Error.

I found this code responsible for Event stringify: https://github.com/rrweb-io/rrweb/blob/master/packages/rrweb/src/plugins/console/record/stringify.ts#L121-L133. Doing naive SO search I found this response: https://stackoverflow.com/questions/18277890/why-cant-i-see-the-keys-of-an-error-object which should work for Error as well.

[baransu]

Probably doing something like

if(value instanceof Error) {
  return value.name + ": " + value.message
}

should be simple and effective solution 🤔

[LeeRayno]

我们这个一般多久发一版了。希望能尽快发一版，感谢！