Why Do You Render Does not work with Vite + React

[AdityaPugalia]

I referred to one of the previous posts about it but the solution does not seem to work for me.
My vite config.js is as follows:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'

// https://vite.dev/config/
export default defineConfig({
  
  plugins: [tailwindcss(), react({
      jsxImportSource: '@welldone-software/why-did-you-render', }),],
  })

and WhydoYouRender.js is like this:

import React from 'react';
import whyDidYouRender from '@welldone-software/why-did-you-render';

if (process.env.NODE_ENV === 'development') {
  whyDidYouRender(React, {
    trackAllPureComponents: true,
    trackHooks: true
  });
}

I am using TableRowMemo.whyDidYouRender = true; but it still does not work

[vzaidman]

Do you import WhydoYouRender.js?

Also, make sure to not import '@welldone-software/why-did-you-render' in prod! It will bloat your bundle (increase it in size with not reason)