issue: react-hook-form bundle is different from other packages

[Sh031224]

Version Number

7.51.4

Codesandbox/Expo snack

https://github.com/Sh031224/react-hook-form-bundle

Steps to reproduce

1. git clone https://github.com/Sh031224/react-hook-form-bundle.git
2. cd react-hook-form-bundle
3. pnpm install && pnpm run dev
4. Check React Dev tools > Components > Anonymous
5. source is dist/index.cjs.js?:1

Expected behaviour

All packages must use esm.

What browsers are you seeing the problem on?

If you look at the source section with the Components tool of the react dev tool, only react-hook-form uses the commonjs bundle.

I think this issue is related. #8281

Therefore, when creating a package that includes react-hook-form as a peer dependency, context problems occur because esm and cjs are viewed differently.

Relevant log output

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[bluebill1049]

https://github.com/react-hook-form/react-hook-form/blob/master/package.json#L5-L8

we wish only have to support esm.

[Sh031224]

@bluebill1049 However, if I change the exports field in the local environment as follows, it works normally.

"exports": {
    "./package.json": "./package.json",
    ".": {
      "types": "./dist/index.d.ts",
      "react-server": "./dist/react-server.esm.mjs",
      "import": "./dist/index.esm.mjs",
+      "module": "./dist/index.esm.mjs",
      "require": "./dist/index.cjs.js"
    }

{
  "dependencies": {
    "react-hook-form": "file:./react-hook-form",
  },
}

I added the above example to the repository.

1. git clone https://github.com/Sh031224/react-hook-form-bundle.git
2. sh ./prepare.sh && pnpm run dev

[Sh031224]

https://webpack.js.org/guides/package-exports/#conditions

Because of support in webpack, it seems that module must also be added to the exports field.

also related: https://github.com/orgs/react-hook-form/discussions/3894#discussioncomment-2135181