I am experiencing the following error after upgrading the expo sdk version to 51.

The errors are

1. TypeError: Cannot read property ‘allowFontScaling’ of undefined, js engine: hermes

2. Invariant Violation: “main” has not been registered. This can happen if:

• Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
• A module failed to load due to an error and AppRegistry.registerComponent wasn’t called., js engine: hermes

enter image description here

So I wrote the code on the App.js and it’s not working at all. What should I do?
`

Text.defaultProps = {
  ...(Text.defaultProps || {}),
  allowFontScaling: false,
};
TextInput.defaultProps = {
  ...(TextInput.defaultProps || {}),
  allowFontScaling: false,
};

enter image description here