Skip to content

⚛︎ Decode react minified error message

License

Notifications You must be signed in to change notification settings

omrilotan/react-error-decoder

Repository files navigation

react-error-decoder

⚛︎ Decode react minified error message

In the minified production build of React, they avoid sending down full error messages. Instead, we can use the error code to view the full message for full errors and additional helpful warnings.

This small tool is meant to mitigate this gap.

import { decode } from "react-error-decoder";

decode(
  "Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.",
);

// Output:
("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.");

Safe for any error message

decode("Something must have gone horribly wrong");

// Output:
("Something must have gone horribly wrong");

Get some more details

decode.details('Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.')

// Output:
{
  message: 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.',
  invariant: '130',
  url: 'https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]='
}

// non react object
{
  message: 'Something must have gone horribly wrong',
  invariant: undefined,
  url: undefined
}

Uses source list from React repo

About

⚛︎ Decode react minified error message

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published