2932: Update to React-Native 75

[LeandraH]

Short Description

This PR upgrades React-Native to 0.75, and React to 18.3.1

Proposed Changes

• Upgraded RN to 0.75
• Upgraded React to 18.3.1
• Downgraded styled components from version 6 to version 5 😢 The theme type unfortunately wasn't applied in the functions in styled components (something like background-color: ${props => props.theme.colors.backgroundColor}) Upgraded styled-components from 6.1.13 to 6.1.16 🥳
• Fixed some typing problems
• Deleted the endlessly growing list of duplicate HEADER_SEARCH_PATHS in the project file

Side Effects

Everything possible

Testing

Anything could break from the upgrade
Please also check if the error in #3116 disappears for you by going to a different branch and running yarn install there, it did for me.

Resolved Issues

Fixes: #2932
Possibly fixes: #3116

---

[LeandraH]

I'm not sure why Xcode regularly adds more repeats of these lines but it works without them (at least on my machine :D)

[LeandraH]

Not only do we not have the contentDirection prop in the native part, RN is also smart enough to already flip large parts of the displays in rtl languages.

[bahaaTuffaha]

Yep .. no need for contentDirection here.

[steffenkleinle]

Could you please add some information on why the downgrade of styled-components was necessary?

[LeandraH]

Could you please add some information on why the downgrade of styled-components was necessary?

It was your advice from this Mattermost thread 😁

Basically, the combination of RN 75 and Styled-components 6 led to the type error in the native project that functions inside a styled component didn't have access to the theme type, e.g. background-color: ${props => props.theme.colors.backgroundColor} leading to the error Parameter 'props' implicitly has an 'any' type. I'll add that to the description as well, thanks!

[bahaaTuffaha]

Basically, the combination of RN 75 and Styled-components 6 led to the type error in the native project that functions inside a styled component didn't have access to the theme type, e.g. background-color: ${props => props.theme.colors.backgroundColor} leading to the error Parameter 'props' implicitly has an 'any' type. I'll add that to the description as well, thanks!

I think there is a way to use theme in V6:

• Unable to style react-select component with styled-components v6 styled-components/styled-components#4074 (comment)
• Another way to do it is passing $theme as prop.

But it needs a lot of changes 😐️.

[bahaaTuffaha]

Works great on android api 35 ...tested most features.
but on older api (29) it doesn't show content :

I compared with main branch the content is working fine.

[LeandraH]

Basically, the combination of RN 75 and Styled-components 6 led to the type error in the native project that functions inside a styled component didn't have access to the theme type, e.g. background-color: ${props => props.theme.colors.backgroundColor} leading to the error Parameter 'props' implicitly has an 'any' type. I'll add that to the description as well, thanks!

I think there is a way to use theme in V6:

* [Unable to style react-select component with styled-components v6 styled-components/styled-components#4074 (comment)](https://github.com/styled-components/styled-components/issues/4074#issuecomment-1870027194)

This thread is about a specific case, using react-select with styled components, which is unfortunately not what the problem here is :(

* Another way to do it is passing `$theme` as prop.

But it needs a lot of changes 😐️.

Yeah, that would be about 250 changes, for something that should be there already, especially considering that the code works in web, just not in native.

Buuuuuut, it turns out that the latest styled-components version that was released three days ago fixes this problem 🥳

[LeandraH]

Works great on android api 35 ...tested most features. but on older api (29) it doesn't show content :

I compared with main branch the content is working fine.

I obviously can't reproduce it 😭 I set up a fancy new emulator with Android 29, and I get all the content. I even tried switching the phone's language to Arabic, in case the rtl changes broke something. Do you have any more hints on how to reproduce the missing content? Do you get any errors in the terminal?

[bahaaTuffaha]

Works great on android api 35 ...tested most features. but on older api (29) it doesn't show content :
I compared with main branch the content is working fine.

I obviously can't reproduce it 😭 I set up a fancy new emulator with Android 29, and I get all the content. I even tried switching the phone's language to Arabic, in case the rtl changes broke something. Do you have any more hints on how to reproduce the missing content? Do you get any errors in the terminal?

I even changed the screen size to pixel7 pro this time and still no content:
Not sure if its related:

Does 86x matters cuz I searched for a 64x version but there is non.