Hi @pupss89345

I wasn't able to reproduce this: https://stackblitz.com/edit/github-vdvctzza?file=src%2FApp.tsx

Please see the linked StackBlitz example and let me know if I missed something.

Hi
Lukas your reproduce is the same as my code, but I don't know why your is work 🤔

Maybe is our components version is different ??

Hmm, this is strange. I've updated the example to use only 2.5.0 of both ui5-webcomponents and ui5-webcomponents-react packages and the behavior is still the same: https://stackblitz.com/edit/github-vdvctzza-dtwarrta?file=src%2FApp.tsx

Could you check which version of @ui5/webcomponents and @ui5/webcomponents-react is actually installed?

• npm: npm list @ui5/webcomponents, npm list @ui5/webcomponents-react
• yarn: yarn why @ui5/webcomponents, yarn why @ui5/webcomponents-react

Hi Lukas
my version

Maybe I found the issue. It could be due to the way I created the React project and the UI5 components causing a conflict. I created the project using:
npx create-react-app my-app --template typescript
And now, updating React to version 19 is causing issues, so I downgraded it to version 18 by following these steps:

1. npm uninstall react react-dom
2. npm install react@18 react-dom@
3. npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0

Then I added:
npm install @ui5/webcomponents @ui5/webcomponents-react @ui5/webcomponents-fiori

And then Select component set Value don't work.
I also tested the following Vite version, which works fine with your code:

npx degit SAP/ui5-webcomponents-react/templates/vite-ts#main my-project

I've tested the behavior and can confirm that it occurs when using create-react-app. Please note that the create-react-app project is not maintained anymore and is therefore not recommended to be used anymore.

Since the Select component is a web component developed by the ui5-webcomponents team, I'm going to forward this issue to their repo.

Hi Colleagues,

when using create-react-app (not maintained anymore) to set up a React application, the value property of the Select component is not working as intended. This behavior does not occur when bootstrapped with Vite or Next.js for example.

I've created an example which you can check out by forking this repo.

Reproduction steps

1. Fork https://github.com/Lukas742/ui5wcr-cra
2. checkout branch issue/6800-select
3. install modules: npm i
4. run dev server: npm run dev
5. See that both Selects show "Apple" instead of "Orange" initially