Uncaught TypeError: cannot read property of null (reading 'useState')

Question

我正在尝试按照@alexeagleson 的精彩教程发布一个 reactjs 组件包，但是当我尝试在另一个项目中测试该包时，它不显示并且我收到以下错误...

我已经搜索了无济于事的解决方案。我做错了什么，我该如何解决？

这是我的 package.json 文件和我的组件

  "name": "@okafohenry/react-custom-select",
  "version": "0.0.12",
  "description": "Custom-select: A react component library",
  "scripts": {
    "rollup": "rollup -c"
  },
  "author": "Henry Okafor",
  "license": "ISC",
  "devDependencies": {
    "@rollup/plugin-commonjs": "^24.0.1",
    "@rollup/plugin-node-resolve": "^15.0.1",
    "@rollup/plugin-typescript": "^11.0.0",
    "@types/react": "^18.0.28",
    "react": "^18.2.0",
    "rollup": "^3.20.0",
    "rollup-plugin-dts": "^5.3.0",
    "tslib": "^2.5.0",
    "typescript": "^5.0.2"
  },
  "dependencies": {
    "react-icons": "^4.8.0"
  },
  "main": "dist/cjs/index.js",
  "module": "dist/esm/index.js",
  "files": [
    "dist"
  ],
  "types": "dist/index.d.ts",
  "publishConfig": {
    "registry": "https://npm.pkg.github.com/okafohenry"
  }
}

import React, { useState } from "react";

const CustomSelect = (props: PropsData) => {
  const [ dropdownToggle, setDropdownToggle ] = useState<boolean>(false);


   return(...)
}