Enhanced logs show up messed up in Firefox

[ShriPunta]

TanStack Devtools version

v0.3.11

Framework/Library version

React 19.2.2

Describe the bug and the steps to reproduce it

I have the following dependencies:

  "@tanstack/devtools-vite": "^0.3.11",
    "@tanstack/react-query": "^5.66.8",
    "@tanstack/react-query-devtools": "^5.66.8",
    "@tanstack/react-router": "^1.136.18",
    "@tanstack/react-router-devtools": "^1.136.18",
    "@types/react": "^19.2.2",
    "@types/react-dom": "^19.0.0",
    "@vitejs/plugin-react": "^5.1.0",
    "vite": "^7.2.2",

According to the tanstack router documentation/template repo, when i defined the config for tanstack router, i updated the config with devtools().

export default defineConfig({
  plugins: [
    devtools(),
    // Please make sure that '@tanstack/router-plugin' is passed before '@vitejs/plugin-react'
    tanstackRouter({
      target: 'react',
      autoCodeSplitting: true,
    }),
    // React plugin with compiler enabled
    // React Compiler optimizes components automatically for better performance
    react({
      babel: {
..
..

This defaulted to the enhancedLogs functionality which does not render properly in FireFox.
Special characters show up in the log which makes it hard to read. [screenshot added below]
viz:
�[35mLOG�[39m �[9

I am using Firefox version: 145.0 (aarch64)

---

I have a workaround for the issue by turning off the enhanced logs:

export default defineConfig({
  plugins: [
    devtools({
      enhancedLogs: {
        enabled: false
      }
    }),
...
...

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

NA

Screenshots or Videos (Optional)

Do you intend to try to help solve this bug with your own PR?

None

Terms & Code of Conduct

• I agree to follow this project's Code of Conduct
• I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.