fix(transform): check all console.error args in Fragment warning suppression

React 18 calls console.error with a format string and separate arguments
(e.g. console.error('Invalid prop `%s` supplied to `%s`', 'data-ds',
'React.Fragment')), so checking only arguments[0] missed the match.
Join all arguments before checking for 'data-ds' and 'React.Fragment'.

Author: Narrator

packages/domscribe-transform/src/plugins/turbopack/turbopack.loader.ts

@@ -156,7 +156,7 @@ function buildClientGlobalsPreamble(options: TurbopackLoaderOptions): string {
       `window.__DOMSCRIBE_CONSOLE_PATCHED__=true;` +
       `var _ce=console.error;` +
       `console.error=function(){` +
-      `if(typeof arguments[0]==='string'&&arguments[0].indexOf('data-ds')!==-1&&arguments[0].indexOf('React.Fragment')!==-1)return;` +
+      `if(typeof arguments[0]==='string'){var _s=Array.prototype.join.call(arguments,' ');if(_s.indexOf('data-ds')!==-1&&_s.indexOf('React.Fragment')!==-1)return}` +
       `return _ce.apply(console,arguments)` +
       `}}`,
   );

packages/domscribe-transform/src/plugins/vite/vite.plugin.ts

@@ -315,7 +315,7 @@ export function domscribe(options: VitePluginOptions = {}): Plugin {
           `window.__DOMSCRIBE_CONSOLE_PATCHED__=true;` +
           `var _ce=console.error;` +
           `console.error=function(){` +
-          `if(typeof arguments[0]==='string'&&arguments[0].indexOf('data-ds')!==-1&&arguments[0].indexOf('React.Fragment')!==-1)return;` +
+          `if(typeof arguments[0]==='string'){var _s=Array.prototype.join.call(arguments,' ');if(_s.indexOf('data-ds')!==-1&&_s.indexOf('React.Fragment')!==-1)return}` +
           `return _ce.apply(console,arguments)` +
           `}}`,
         injectTo: 'head-prepend',

packages/domscribe-transform/src/plugins/webpack/webpack.plugin.ts

@@ -277,7 +277,7 @@ export class DomscribeWebpackPlugin {
         `window.__DOMSCRIBE_CONSOLE_PATCHED__=true;` +
         `var _ce=console.error;` +
         `console.error=function(){` +
-        `if(typeof arguments[0]==='string'&&arguments[0].indexOf('data-ds')!==-1&&arguments[0].indexOf('React.Fragment')!==-1)return;` +
+        `if(typeof arguments[0]==='string'){var _s=Array.prototype.join.call(arguments,' ');if(_s.indexOf('data-ds')!==-1&&_s.indexOf('React.Fragment')!==-1)return}` +
         `return _ce.apply(console,arguments)` +
         `}}` +
         `</script>`,