Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

New to Onsen and react kitchen sink demo does not work



  • I am new to Onsen and wanted to try it out. I tried the react kitchen sink demo:
    git clone git@github.com:OnsenUI/react-onsenui-kitchensink.git
    cd react-onsenui-kitchensink
    npm install
    npm run dev
    When I view the webpage it does not look correct. All I see on the bottom of the page is text for “Animation” and the rest of the page is blank. There are series of warnings and errors in the developer console (too many to list here).

    Any ideas on why the kitchen sink demo does not work?


  • Onsen UI

    @anderson9149 Welcome! React’s kitchensink hasn’t been updated for a long time. The issue you have is probably related to the dependencies. If you change package.json and remove the ^ from onsenui and react-onsenui it will probably work, but with old versions.

    Hopefully, it will be updated soon. For now, you can use tutorial.onsen.io to see examples.