diff --git a/packages/react-devtools-shared/src/__tests__/utils-test.js b/packages/react-devtools-shared/src/__tests__/utils-test.js index 94726312c3bfa..876aaa99f1ea9 100644 --- a/packages/react-devtools-shared/src/__tests__/utils-test.js +++ b/packages/react-devtools-shared/src/__tests__/utils-test.js @@ -470,5 +470,14 @@ function f() { } {}, ]); }); + + it('formats nullish values', () => { + expect(formatConsoleArguments('This is the %s template', null)).toEqual([ + 'This is the null template', + ]); + expect( + formatConsoleArguments('This is the %s template', undefined), + ).toEqual(['This is the undefined template']); + }); }); }); diff --git a/packages/react-devtools-shared/src/backend/utils/formatConsoleArguments.js b/packages/react-devtools-shared/src/backend/utils/formatConsoleArguments.js index a2d303e543ac0..eaf4170970ed4 100644 --- a/packages/react-devtools-shared/src/backend/utils/formatConsoleArguments.js +++ b/packages/react-devtools-shared/src/backend/utils/formatConsoleArguments.js @@ -58,7 +58,7 @@ export default function formatConsoleArguments( } case 's': { const [arg] = args.splice(argumentsPointer, 1); - template += arg.toString(); + template += String(arg); break; }