fix(react-router): Fix SyntaxError in ScriptOnce by escaping single q…

…uotes in console.info (#2731)

* Escape single quotes on ScriptOnce

* ci: apply automated fixes

* Update approach to use jsesc to cover more potential scenarios

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

packages/react-router/package.json

@@ -68,10 +68,12 @@
   "dependencies": {
     "@tanstack/history": "workspace:*",
     "@tanstack/react-store": "^0.5.6",
+    "jsesc": "^3.0.2",
     "tiny-invariant": "^1.3.3",
     "tiny-warning": "^1.0.3"
   },
   "devDependencies": {
+    "@types/jsesc": "^3.0.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@vitejs/plugin-react": "^4.3.3",

packages/react-router/src/ScriptOnce.tsx

@@ -1,3 +1,5 @@
+import jsesc from 'jsesc'
+
 export function ScriptOnce({
   className,
   children,
@@ -16,7 +18,8 @@ export function ScriptOnce({
         __html: [
           children,
           (log ?? true) && process.env.NODE_ENV === 'development'
-            ? "console.info('Injected From Server:\\n" + children + "');"
+            ? `console.info(\`Injected From Server:
+${jsesc(children.toString(), { quotes: 'backtick' })}\`)`
             : '',
         ]
           .filter(Boolean)