fix: correct several problems with typings and javascript modules

Author: Johannes Busch

lib/index.ts renamed to lib/updatehive-react.ts

@@ -14,13 +14,14 @@
   "version": "1.0.0",
   "type": "module",
   "main": "dist/updatehive-react.umd.js",
-  "module": "dist/updatehive-react.es.js",
+  "module": "dist/updatehive-react.js",
+  "types": "dist/updatehive-react.d.ts",
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-      "import": "./dist/updatehive-react.es.js",
+      "import": "./dist/updatehive-react.js",
       "require": "./dist/updatehive-react.umd.js"
     }
   },

package.json

@@ -3,7 +3,7 @@ import {
   useChangelogs,
   ChangelogContainer,
   MinimalChangelogList,
-} from '../dist';
+} from '../dist/updatehive-react';
 
 export const App: React.FC = () => {
   const API_KEY = import.meta.env.VITE_UPDATEHIVE_API_KEY;
@@ -38,7 +38,7 @@ export const App: React.FC = () => {
               <div className="hook div">Description</div>
             </div>
             {data.map((changelog, index) => (
-              <div className="hook table" key={`chanelog-${index}`}>
+              <div className="hook table" key={`changelog-${index}`}>
                 <div className="hook div">{changelog.version}</div>
                 <div className="hook div">{changelog.description}</div>
               </div>

src/App.tsx

@@ -12,9 +12,8 @@ export default defineConfig({
   build: {
     copyPublicDir: false,
     lib: {
-      entry: resolve(__dirname, 'lib/index.ts'),
+      entry: resolve(__dirname, 'lib/updatehive-react.ts'),
       name: 'updatehive-react',
-      fileName: (format) => `updatehive-react.${format}.js`,
     },
     rollupOptions: {
       external: ['react', 'react-dom', 'react/jsx-runtime'],