|  |  | 
 |  |  | import { useWatch, useFormContext } from "react-hook-form"; | 
 |  |  | import { Stack, Grid, Box, Typography } from '@mui/material'; | 
 |  |  | import * as Common from '@/utils/common'; | 
 |  |  | import { EDIT_MODE } from '@/config/setting'; | 
 |  |  | import { EDIT_MODE, REFERENCE_INPUT_PAGESIZE } from '@/config/setting'; | 
 |  |  | import EditBaseAside from "../components/EditBaseAside"; | 
 |  |  | import CustomerTopToolBar from "../components/EditTopToolBar"; | 
 |  |  | import MemoInput from "../components/MemoInput"; | 
 |  |  | 
 |  |  |                             <ReferenceInput | 
 |  |  |                                 source="userId" | 
 |  |  |                                 reference="user" | 
 |  |  |                                 perPage={REFERENCE_INPUT_PAGESIZE} | 
 |  |  |                             > | 
 |  |  |                                 <AutocompleteInput | 
 |  |  |                                     label="table.field.operationRecord.userId" | 
 |  |  |                                     optionText="nickname" | 
 |  |  |                                     filterToQuery={(val) => ({ nickname: val })} | 
 |  |  |                                 /> | 
 |  |  |                             </ReferenceInput> | 
 |  |  |                         </Stack> |