Mark some parameters as readonly (#10)

Author: xuhdev

src/lib/AutoNumericComponent.tsx

@@ -46,11 +46,11 @@ export default function AutoNumericComponent({
   autoNumericOptions,
   state,
 }: {
-  element: string;
-  refKey: string;
-  props?: Parameters<typeof createElement>[1];
-  autoNumericOptions?: CallbackOptions;
-  state?: NonNullable<Parameters<typeof AutoNumeric.set>[1]>;
+  element: Readonly<string>;
+  refKey: Readonly<string>;
+  props?: Readonly<Parameters<typeof createElement>[1]>;
+  autoNumericOptions?: Readonly<CallbackOptions>;
+  state?: Readonly<NonNullable<Parameters<typeof AutoNumeric.set>[1]>>;
 }): JSX.Element {
   const htmlElement = useRef<HTMLElement>(null);
   const autoNumeric = useRef<AutoNumeric | null>(null);
@@ -78,7 +78,7 @@ export default function AutoNumericComponent({
       htmlElement.current,
       autoNumericOptions ?? {},
     );
-  }, [htmlElement.current, autoNumericOptions]);
+  }, [htmlElement.current]);
 
   if (state !== undefined) {
     useEffect(() => {

src/lib/AutoNumericInput.tsx

@@ -33,7 +33,8 @@ export type InputProps = Omit<
  * JSX!IntrinsicElements.input.props}.
  * @param options.autoNumericOptions - Options passed to {@link !AutoNumeric}. Same as {@link
  * AutoNumeric!Options}.
- * @param options.valueState - The state and state setter from the parent component.
+ * @param options.valueState - The state and state setter from the parent component to be passed
+ * into this component.
  * @param options.valueState.state - The state from the parent component to be passed in.
  * @param options.valueState.stateSetter - The callback function that sets
  * `options.valueState.state`.
@@ -44,10 +45,10 @@ export function AutoNumericInput({
   autoNumericOptions,
   valueState,
 }: {
-  inputProps?: InputProps;
-  autoNumericOptions?: CallbackOptions;
+  inputProps?: Readonly<InputProps>;
+  autoNumericOptions?: Readonly<CallbackOptions>;
   valueState?: {
-    state: string;
+    state: Readonly<string>;
     stateSetter: React.Dispatch<React.SetStateAction<string>>;
   };
 }): JSX.Element {