@nuskin/foundation-ui-components 1.19.1 → 1.19.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuskin/foundation-ui-components",
-    "version": "1.19.1",
+    "version": "1.19.2",
     "description": "It is a foundation library written in react, that provides common components to all UI pages",
     "main": "src/common/index.ts",
     "repository": {

package/src/common/autocomplete/NsAutocomplete.tsx

@@ -1,12 +1,29 @@
-import { Autocomplete, AutocompleteRenderInputParams } from '@mui/material';
-import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';
+import React, {
+    PropsWithChildren,
+    useEffect,
+    useRef,
+    useState,
+} from 'react';
+
+import {
+    Autocomplete,
+    AutocompleteRenderInputParams,
+} from '@mui/material';
 
 import { LineLoader } from './helper/LineLoader';
 import { RecentClearAll } from './helper/RecentClearAll';
-import { renderGroupBy, renderGroupName, renderOptionLabel } from './helper/renderGroupName';
+import {
+    renderGroupBy,
+    renderGroupName,
+    renderOptionLabel,
+} from './helper/renderGroupName';
 import { SeeMoreButton } from './helper/SeeMoreButton';
 import { StyledTextField } from './NsAutocomplete.styled';
-import { ComponentBoxProps, NsAutocompleteProps, OptionsProps } from './types.d';
+import {
+    ComponentBoxProps,
+    NsAutocompleteProps,
+    OptionsProps,
+} from './types.d';
 
 const noop = () => {};
 const NsAutocomplete = ({
@@ -38,7 +55,7 @@ const NsAutocomplete = ({
 
     const renderInput = (params: AutocompleteRenderInputParams) => (
         <StyledTextField
-            {...params}
+            {...(params as any)}
             placeholder={placeholder}
             InputProps={{
                 ...params.InputProps,
@@ -53,7 +70,7 @@ const NsAutocomplete = ({
         OptionsUI ? (
             <OptionsUI {...props} option={option} key={props.id} />
         ) : (
-            <li {...props} key={props.id}>
+            <li {...(props as any)} key={props.id}>
                 {option.value}
             </li>
         );