chore: convert View to React 19

[EvanBacon]

Summary:

• Convert View implementation to React 19:
  • Remove legacy forwardRef in favor of built-in ref prop.
  • Use use API instead of useContext.
  • Drop the extraneous .Provider for TextAncestor context.
  • Remove displayName in favor of component name. I'm not 100% sure this is a full fallback but it is valid according to react/display-name eslint rule—https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/display-name.md
• Based on discussion with Nicola Carti and Riccardo Cipolleschi.
• I tried using flow component keyword but it's not enabled in this project. Given the react-native package is shipped untranspiled, it's probably safer to avoid newer flow types.
• Overall matched the component style of LogBox.
• It's unclear the exact right way to type a ref since it should be optional for external users of the component but required inside the component. Erring on the side of caution and using optional types so users don't get type errors when ref isn't defined.

Changelog:

[GENERAL] [BREAKING] Upgrade View component to React 19.

Test Plan:

• Type checks should pass.

[yungsters]

I tried using flow component keyword but it's not enabled in this project. Given the react-native package is shipped untranspiled, it's probably safer to avoid newer flow types.

Since React Native now requires using hermes-parser anyway, Component Syntax should work. However, we have not yet adopted it because of some tooling blockers being tracked by @pieterv and @poteto.

It's unclear the exact right way to type a ref since it should be optional for external users of the component but required inside the component.

What you have seems fine. But what do you mean by "required inside the component"?

[yungsters]

We should also switch to destructuring these imports as recommended by React docs.

Suggested change

	import * as React from 'react';
	import * as React from 'react';
	import {use} from 'react';

[EvanBacon]

Was matching the style in LogBox

[facebook-github-bot]

@yungsters has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

[yungsters]

Thanks for the update.

Heads up, I'll be making a couple changes in the commit to reduce breaking changes.

• Reverting changes to the exported ViewProps type.
• Reintroduce React.ElementRef<T> to the ref type.

[facebook-github-bot]

@yungsters merged this pull request in eedd60b.

[react-native-bot]

This pull request was successfully merged by @EvanBacon in eedd60b

^{When will my fix make it into a release? | How to file a pick request?}

[MatiPl01]

Was this deleted on purpose? We started getting View_withRef in snapshot tests in Reanimated instead of the View tag after this change and I wonder if this is the expected behavior and we should update all snapshots or if it was a mistake and the displayName should still be set to View?