React Native / Metro bundler shows warning and ignores package due to change in rules about package.json's exports section

[cabiad]

Describe the bug
React native's metro bundler ignores react-hook-form and shows a warning.

Similar issues have been reported in many other projects as listed in this react native cli issue and the fix used by those projects is quite simple and seemingly low risk.

To Reproduce
Steps to reproduce the behavior:

With node 15.0.1 and yarn 1.22.10 installed (as of this writing, the latest available in homebrew)...

1. Create a new react native app with npx react-native init DummyProj
2. cd DummyProj/
3. Install react-hook-form with yarn add react-hook-form
4. Start the metro bundler with yarn start
5. Observe the following error output:

$ yarn start
yarn run v1.22.10
$ react-native start
warn Package react-hook-form has been ignored because it contains invalid configuration. Reason: Package subpath './package.json' is not defined by "exports" in /Users/cabiad/src/DummyProj/node_modules/react-hook-form/package.json

Codesandbox link (Required)
(Not applicable for this build issue.)

Expected behavior
The package is not ignored in react native

Desktop (please complete the following information):

• OS: MacOS
• Browser N/A
• Version 6.9.6

Additional context
Add any other context about the problem here.

[bluebill1049]

Thanks heap for report the issue and provide a solution 🙏