Christmas Sale! Limited Time Only - Enjoy 30% Off Metronic Extended License!
Buy for 669$  969$

Inquiry About Library Updates in Metronic 9 (React & Tailwind)


Hi,

I hope this message finds you well.

We are currently experiencing issues related to outdated dependencies while using Metronic 9 with the React and Tailwind configuration (metronic-tailwind-react@9.1.0). Specifically, the following warnings are being generated during installation:

- npm WARN deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported

-npm WARN deprecated inflight@1.0.6: This module is not supported and leaks memory. Do not use it. Check out lru-cache for a better alternative.

-npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported.

Upon further investigation, it appears that these warnings originate from the following dependency chain:


metronic-tailwind-react@9.1.0
├── react-query@3.39.3
├── broadcast-channel@3.7.0
├── rimraf@3.0.2
├── glob@7.2.3
└── inflight@1.0.6


The most concerning issue is with inflight, as it has known memory leaks and is no longer supported. These warnings could lead to potential stability and performance risks.

Would it be possible to update the dependencies in future releases of Metronic, or provide guidance on how we can address this issue in the meantime?

Thank you for your assistance, and we appreciate your hard work in maintaining this excellent product.

Looking forward to your response!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

Can you please get the latest Metronic v9.1.2 version from themeforest and retry? We have updated the packages, fixed some bugs, and added new features. Please refer to the changelog. md and readme.md.

Regards,
Sean



Hi Sean,

I hope this message finds you well.

Thank you for your prompt response regarding the outdated dependency warnings in Metronic v9.1.0.
Following your recommendation, we upgraded to Metronic v9.1.2, but we noticed that the issues with deprecated libraries persisted.

Here’s a summary of the steps we took to resolve the issue:

Initial Observations:
After upgrading to v9.1.2 and running npm install, the following warnings still appeared:

npm WARN deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported.
npm WARN deprecated inflight@1.0.6: This module is not supported and leaks memory. Do not use it.
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported.

Steps to Address the Issues:

We removed the node_modules folder and deleted the react-query dependency ("react-query": "^3.39.3") from the package.json file.
We updated the import in src/providers/ ProvidersWrapper.tsx
from: import { QueryClient, QueryClientProvider } from 'react-query';
to: import { QueryClient, QueryClientProvider } from '@tanstack/react-query';

Result:
After making these changes and running npm install again, the deprecated library warnings were resolved.
Finally, we ran npm run build successfully, and everything now functions as expected.

Recommendation:
It may be helpful for future releases to update the dependencies within Metronic to avoid these deprecations.

Specifically:
Consider replacing react-query with @tanstack/react-query, which is actively maintained.
Thank you for your efforts in maintaining such a robust and flexible framework.
Please let us know if you need additional details or have any updates regarding this matter.

Best regards



Hi,

Noted, we will release Metronic 9 Tailwind React update with improved DataGrid component and Tanstack Query support.

We will check package updates as well. We can't update certain packages due to dependency issues. Usually, we keep everything up to date as much as possible.

Regards,
Sean


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(