chore: replace the deprecated react type definition

[iChenLei]

Alternative PR for #2741

Code change checklist

• Added/updated unit tests
• Updated /docs. For new functionality, at least API.md should be updated
• Verified that there is no significant performance drop (npm run perf)

PR Backgroud

When I try to solve this problem #2721 , I noticed that mobx-react(and lite) source code use
deprecated react type definition, Such as RefForwardingComponent React.Props
and StatelessComponent , so I created a PR to replace these with official recommended type def.

@types/react source code

RefForwardingComponent

  /**
   * @deprecated Use ForwardRefRenderFunction. forwardRef doesn't accept a
   *             "real" component.
   */
  interface RefForwardingComponent <T, P = {}> extends ForwardRefRenderFunction<T, P> {}

React.Props

  /**
   * @deprecated. This was used to allow clients to pass `ref` and `key`
   * to `createElement`, which is no longer necessary due to intersection
   * types. If you need to declare a props object before passing it to
   * `createElement` or a factory, use `ClassAttributes<T>`:
   *
   * ```ts
   * var b: Button | null;
   * var props: ButtonProps & ClassAttributes<Button> = {
   *     ref: b => button = b, // ok!
   *     label: "I'm a Button"
   * };
   * ```
   */
  interface Props<T> {
      children?: ReactNode;
      key?: Key;
      ref?: LegacyRef<T>;
  }

[changeset-bot]

🦋 Changeset detected

Latest commit: 9b046b4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
mobx-react	Minor
mobx-react-lite	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[mweststrate]

Thanks for this! Would you mind marking it as minor? Beyond that looking good to me :)