Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


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?



Hi,

Sorry for the late reply. Please try to update package.json as well with the latest package.json.

If you need any further help please let me know.

Regards,
Sean


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(