fix: Fixed type errors and updated package.json

Author: kevinwang5658

package.json

@@ -1,8 +1,8 @@
 {
-  "name": "ink-form",
+  "name": "@codify/ink-form",
   "type": "module",
-  "version": "2.0.1",
-  "description": "Complex user-friendly form component for React Ink",
+  "version": "0.0.0",
+  "description": "Complex user-friendly form component for Codify",
   "main": "lib/index.js",
   "exports": "./lib/index.js",
   "types": "lib/index.d.ts",
@@ -18,10 +18,8 @@
     "commandline",
     "cmd"
   ],
-  "repository": "https://github.com/lukasbach/ink-form",
-  "author": "Lukas Bach <lbach@outlook.de>",
-  "license": "MIT",
-  "bugs": "https://github.com/lukasbach/ink-form/issues",
+  "repository": "https://github.com/kevinwang5658/@codify/ink-form",
+  "author": "Lukas Bach <lbach@outlook.de> modified by Kevin Wang",
   "devDependencies": {
     "@types/node": "20.14.8",
     "@types/react": "^18.2.41",

src/ScrollArea.tsx

@@ -42,7 +42,7 @@ export function ScrollArea({height, isStart, children, editingMode}) {
   const focusManager = useFocusManager();
   const [canScroll, setCanScroll] = useState(true);
   const [isEditing, setIsEditing] = useState(false);
-  const innerRef = React.useRef();
+  const innerRef = React.useRef(null);
 
   useLayoutEffect(() => {
     // Couple of custom logic baked into here to improve the user experience
@@ -70,7 +70,7 @@ export function ScrollArea({height, isStart, children, editingMode}) {
   }
 
   React.useEffect(() => {
-    const dimensions = measureElement(innerRef.current);
+    const dimensions = innerRef.current ? measureElement(innerRef.current) : { width: 0, height: 0 };
 
     dispatch({
       type: 'SET_INNER_HEIGHT',