fix: vite config for playground app

[kark]

Summary

The issue:

This worked for me.
As an alternative we could downgrade vite in the monorepo to 4.1.4.

[changeset-bot]

🦋 Changeset detected

Latest commit: aa1bd8f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 35 packages

Name	Type
@commercetools-website/components-playground	Patch
@commercetools-frontend/mc-scripts	Patch
@commercetools-local/visual-testing-app	Patch
@commercetools-applications/merchant-center-template-starter-typescript	Patch
@commercetools-applications/merchant-center-template-starter	Patch
@commercetools-local/playground	Patch
@commercetools-backend/eslint-config-node	Patch
@commercetools-backend/express	Patch
@commercetools-backend/loggers	Patch
@commercetools-frontend/actions-global	Patch
@commercetools-frontend/application-components	Patch
@commercetools-frontend/application-config	Patch
@commercetools-frontend/application-shell-connectors	Patch
@commercetools-frontend/application-shell	Patch
@commercetools-frontend/assets	Patch
@commercetools-frontend/babel-preset-mc-app	Patch
@commercetools-frontend/browser-history	Patch
@commercetools-frontend/codemod	Patch
@commercetools-frontend/constants	Patch
@commercetools-frontend/create-mc-app	Patch
@commercetools-frontend/cypress	Patch
@commercetools-frontend/eslint-config-mc-app	Patch
@commercetools-frontend/i18n	Patch
@commercetools-frontend/jest-preset-mc-app	Patch
@commercetools-frontend/jest-stylelint-runner	Patch
@commercetools-frontend/l10n	Patch
@commercetools-frontend/mc-dev-authentication	Patch
@commercetools-frontend/mc-html-template	Patch
@commercetools-frontend/notifications	Patch
@commercetools-frontend/permissions	Patch
@commercetools-frontend/react-notifications	Patch
@commercetools-frontend/sdk	Patch
@commercetools-frontend/sentry	Patch
@commercetools-frontend/url-utils	Patch
@commercetools-website/custom-applications	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Deploy preview for merchant-center-application-kit ready!

✅ Preview
https://merchant-center-application-f93ku2zuo-commercetools.vercel.app
https://appkit-sha-04da0040ce608985ad13bbdb1ad8a9ff7a3b3504.commercetools.vercel.app
https://appkit-pr-3152.commercetools.vercel.app

Built with commit aa1bd8f.
This pull request is being automatically deployed with vercel-action

[chloe0592]

Thanks a lot for this fix! 🙇‍♀️

[ddouglasz]

👏

[CarlosCortizasCT]

Thanks 👍

[CarlosCortizasCT]

When installing the dependencies, I see this warning in the terminal:

The playground seems to work anyway, but maybe we would need to consider downgrading that package as well.

[kark]

When installing the dependencies, I see this warning in the terminal:

The playground seems to work anyway, but maybe we would need to consider downgrading that package as well.

Thanks, that's a good catch.
We need to go down one major version.
I think we weren't using any new features of the plugin though:
https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/CHANGELOG.md#400-2023-04-20

[CarlosCortizasCT]

Thanks! 🙇