The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

Cant run the react app of the theme

I bought the theme from https://themes.getbootstrap.com/product/start-react-bootstrap-5-admin-dashboard-theme/ and get stuck on running the react app:

Failed to compile.

/some-dir/src/_start/helpers/components/KTSVG.tsx
TypeScript error in /some-dir/src/_start/helpers/components/KTSVG.tsx(13,8):
'SVG' cannot be used as a JSX component.
  Its instance type 'InlineSVG' is not a valid JSX element.
    The types returned by 'render()' are incompatible between these types.
      Type 'React.ReactNode' is not assignable to type 'import("/some-dir/node_modules/@types/react-redux/node_modules/@types/react/index").ReactNode'.
        Type '{}' is not assignable to type 'ReactNode'.
          Type '{}' is missing the following properties from type 'ReactPortal': key, children, type, props  TS2786

    11 |   return (
    12 |     
  > 13 |       
       |        ^
    14 |     
    15 |   );
    16 | };

node version: v16.13.1 yarn version: 1.22.17

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,

Could you please check this thread: https://devs.keenthemes.com/question/metronic-react-demo-3. It should help you.

Regards,
Keenthemes support



Thank for your reply, I get the 404 page when follow the link https://devs.keenthemes.com/question/metronic-react-demo-3



Could you please to the next steps:
1) remove your node_modules folder.
2) update your package.json and yarn.lock files from this gist https://gist.github.com/carmelodevuz/40c32fa5a96d3a64c5f4be20bf44085c.
3) re-install packages with yarn

I hope it should help you. We are working on this issue related to the new React version release. Once the fix will be ready we publish it.


Regards,
Keenthemes support


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