minor bug fixes

packages/ui-default/components/autocomplete/components/FileSelectAutoComplete.tsx

@@ -19,7 +19,16 @@ const FileSelectAutoComplete = React.forwardRef<any, any>((props, ref) => (
     itemKey={(item) => `${item._id?.toString() || item.name || item}`}
     renderItem={(item) => item.name || item._id || item} // TODO icon
     allowEmptyQuery
-    {...props}
+    {...{
+      width: '100%',
+      height: 'auto',
+      listStyle: {},
+      multi: false,
+      selectedKeys: [],
+      freeSolo: false,
+      freeSoloConverter: (input) => input,
+      ...props,
+    }}
   />
 ));
 
@@ -38,14 +47,4 @@ FileSelectAutoComplete.propTypes = {
 
 FileSelectAutoComplete.displayName = 'FileSelectAutoComplete';
 
-FileSelectAutoComplete.defaultProps = {
-  width: '100%',
-  height: 'auto',
-  listStyle: {},
-  multi: false,
-  selectedKeys: [],
-  freeSolo: false,
-  freeSoloConverter: (input) => input,
-};
-
 export default FileSelectAutoComplete;

packages/ui-default/components/problemconfig/ProblemConfigForm.tsx

@@ -39,15 +39,12 @@ function ExtraFilesConfig() {
   const userExtraFiles = useSelector((state: RootState) => state.config.user_extra_files || [], isEqual);
   const judgeExtraFiles = useSelector((state: RootState) => state.config.judge_extra_files || [], isEqual);
   const dispatch = useDispatch();
-  const userRef = React.useRef<any>();
-  const judgeRef = React.useRef<any>();
   return (
     <FormItem columns={12} label="ExtraFilesConfig" disableLabel>
       <Card style={{ padding: 10 }}>
         <div className="row">
           <FormItem columns={12} label={i18n('user_extra_files')}>
             <FileSelectAutoComplete
-              ref={userRef}
               data={Files}
               selectedKeys={userExtraFiles}
               onChange={(val) => dispatch({ type: 'CONFIG_FORM_UPDATE', key: 'user_extra_files', value: val.split(',') })}
@@ -56,7 +53,6 @@ function ExtraFilesConfig() {
           </FormItem>
           <FormItem columns={12} label={i18n('judge_extra_files')}>
             <FileSelectAutoComplete
-              ref={judgeRef}
               data={Files}
               selectedKeys={judgeExtraFiles}
               onChange={(val) => dispatch({ type: 'CONFIG_FORM_UPDATE', key: 'judge_extra_files', value: val.split(',') })}
@@ -75,7 +71,6 @@ function LangConfig() {
   const data = Object.keys(window.LANGS).filter((i) => !prefixes.has(i))
     .map((i) => ({ name: `${i.includes('.') ? `${window.LANGS[i.split('.')[0]].display || ''}/` : ''}${window.LANGS[i].display}`, _id: i }));
   const dispatch = useDispatch();
-  const ref = React.useRef<any>();
   const selectedKeys = langs.filter((i) => !prefixes.has(i));
   return (
     <FormItem columns={12} label="langs" disableLabel>
@@ -83,7 +78,6 @@ function LangConfig() {
         <div className="row">
           <FormItem columns={12} label="langs">
             <CustomSelectAutoComplete
-              ref={ref}
               data={data}
               placeholder={!selectedKeys.length ? i18n('Unlimited') : i18n('Code language')}
               selectedKeys={selectedKeys}