New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

I need help to update Tailwind React v9.2.1 to the most recent one


Hi everyone,

I'm not an expert in Metronic, especially not the React version. I'm on version 9.2.1 and would like to update to the latest version without losing the changes I've made.

Can anyone help me with a step-by-step guide on how to update?

Thank you.


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 (2)


Hi,

You can download the latest version v9.2.3 and easily update your app by replacing the "src/componets/ui" folder by referring to
https://docs.keenthemes.com/metronic-react/getting-started/changelog

Globally replace "close" prop with "showCloseButton" for Dialog components.

More info please refer https://www.reui.io/docs/changelog

Regards,
Sean



Hi Sean!

I replaced the src/componets/ui and now I got an error:


[plugin:vite:import-analysis] Failed to resolve import "radix-ui" from "src/components/ui/button.tsx". Does the file exist?
C:/TradeHubReact/src/components/ui/button.tsx:4:38
17 | import { cva } from "class-variance-authority";
18 | import { ChevronDown } from "lucide-react";
19 | import { Slot as SlotPrimitive } from "radix-ui";
| ^
20 | import { cn } from "@/lib/utils";
21 | const buttonVariants = cva(


Should I run a Yarn or something at the project folder?


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  :(