Intro Example should not be broken

I tried intro example and bumped into a few problems:

1. vitext 0.0.1 is deleted, so I had to update it to 0.0.2 in the intro/package.json
2. next, npm run dev failed to start due to: Error: Cannot find module 'react-refresh/cjs/react-refresh-runtime.development.js'. I Resolved it with npm add -D react-refresh
3. next, while npm run dev brought the server up and running, it does not work well (“increase” and “decrease” buttons do not work), and I see the following error in the terminal, if that helps:

Environment:

• Arch Linux, x86-64
• node.js 16.6.1
• npm 7.20.5
• vitext example from master branch

P.S. Cool project! 👍

[Aslemammad]

Thank you @frol, That’s really helpful. I’ll fix it soon.

[frol]

@Aslemammad Here is the Dockerfile to reporduce the issue:

FROM node

RUN git clone https://github.com/Aslemammad/vitext.git
RUN cd vitext && \
    yarn && \
    cd packages/examples/intro && \
    yarn

WORKDIR /vitext/packages/examples/intro
CMD ["yarn", "dev", "--host"]

$ docker build --tag vitext-intro-example
$ docker run -it --rm -p 3000:3000 vitext-intro-example