如何正确声明一个 react + ts 组件包?

组件

const MyComponent = () => {
  return <div>hi</div>;
};
export default MyComponent;

package.json

{
  "name": "my-library",
  "type": "module",
  "module": "./dist/main.es.js",
  "types": "./types/index.d.ts",
  "typings": "./types/index.d.ts",
  "exports": {
  ".": {
    "import": "./dist/main.es.js"
  }
},

index.d.ts

declare module "my-library";

使用

import DDD from "my-library";

export default function Demo() {
  return (
    <>
      <DDD />
    </>
  );
}

目前在使用的时候报错

Could not find a declaration file for module 'my-library'. '/my-library/dist/main.es.js' implicitly has an 'any' type.
  There are types at '/demo/node_modules/my-library/types/index.d.ts', but this result could not be resolved when respecting package.json "exports". The 'my-library' library may need to update its package.json or typings.

1 import DDD from "my-library";

如何在 index.d.ts 文件中正确声明这个组件