How to disable the "[jotai-devtools]: automatic tree-shaking in development mode is being deprecated." warning?

[yy4382]

I'm using vite (tanstack start) and have wrapped my components as mentioned in the README. I'm receiving this warning every time I visit a route in my server console during development, which is cluttering my console.

[arjunvegda]

Unfortunately this is expected for a little while, and there isn't a great way to remove it at the library level.

It's important that all of our users take note of this upcoming breaking change and add tree-shaking to their applications using this guide.

You could put -[jotai-devtools] in your browser filter, see if that helps, or patch console.warn to exclude if there is a match for that warning.

My apologies for the inconvenience its causing.

[Naveentvm]

Suppressing Console Warnings in Development

Implementation

Step 1: Create the Suppression Utility

Add this function to your utilities file (e.g., src/utils/index.js):

const suppressJotaiDevtoolsWarnings = () => {
    const originalWarn = console.warn;

    console.warn = (...args) => {
        if (args[0]?.includes?.("[jotai-devtools]")) {
            return;
        }
        originalWarn(...args);
    };
};

export { suppressJotaiDevtoolsWarnings };

Step 2: Apply in Development Only

In your main entry file (e.g., src/main.jsx), call the function only in development mode:

import { suppressJotaiDevtoolsWarnings } from "./utils";

// ... other code ...

if (import.meta.env.DEV) {
    suppressJotaiDevtoolsWarnings();
}

// ... rest of your app initialization ...