decodeErrorMessage() — react Function Reference

Architecture documentation for the decodeErrorMessage() function in setupTests.js from the react codebase.

Function javascript BabelCompiler Entrypoint called by 3

Entity Profile

BabelCompiler→ Entrypoint→ decodeErrorMessage() — react Function Reference

Dependency Diagram

graph TD
  e36d9d7f_de8c_2284_bb08_d9f7daafa81e["decodeErrorMessage()"]
  01d850dc_3214_54c0_e858_c1194dd15ff0["setupTests.js"]
  e36d9d7f_de8c_2284_bb08_d9f7daafa81e -->|defined in| 01d850dc_3214_54c0_e858_c1194dd15ff0
  f6b6d24c_07ac_8073_fc02_ea838b2bfd8f["proxyErrorInstance()"]
  f6b6d24c_07ac_8073_fc02_ea838b2bfd8f -->|calls| e36d9d7f_de8c_2284_bb08_d9f7daafa81e
  4b6b4275_822f_c1bc_6841_8ae7d132573c["ErrorProxy.apply()"]
  4b6b4275_822f_c1bc_6841_8ae7d132573c -->|calls| e36d9d7f_de8c_2284_bb08_d9f7daafa81e
  5f2fba98_0e84_0ed1_98a8_3ba67e6d0d43["ErrorProxy.construct()"]
  5f2fba98_0e84_0ed1_98a8_3ba67e6d0d43 -->|calls| e36d9d7f_de8c_2284_bb08_d9f7daafa81e
  style e36d9d7f_de8c_2284_bb08_d9f7daafa81e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

scripts/jest/setupTests.js lines 93–116

    const decodeErrorMessage = function (message) {
      if (!message) {
        return message;
      }
      const re = /react.dev\/errors\/(\d+)?\??([^\s]*)/;
      let matches = message.match(re);
      if (!matches || matches.length !== 3) {
        // Some tests use React 17, when the URL was different.
        const re17 = /error-decoder.html\?invariant=(\d+)([^\s]*)/;
        matches = message.match(re17);
        if (!matches || matches.length !== 3) {
          return message;
        }
      }
      const code = parseInt(matches[1], 10);
      const args = matches[2]
        .split('&')
        .filter(s => s.startsWith('args[]='))
        .map(s => s.slice('args[]='.length))
        .map(decodeURIComponent);
      const format = errorMap[code];
      let argIndex = 0;
      return format.replace(/%s/g, () => args[argIndex++]);
    };