How to make an API request every time I submit?```
export default function MembershipList() {
const {
data: members,
isLoading,
isFetching,
isRefetching,
} = useList<IMember>({
resource: 'membership/subscribers',
filters: [
{
field: 'value',
operator: 'eq',
value: submittedSearch,
},
],
})
useEffect(() => {
const fetchCustomerGroups = async () => {
try {
const response = await fetch(
headers: {
'Content-Type': 'application/json',
'ngrok-skip-browser-warning': '69420',
},
})
<form onSubmit={handleSubmit}>
<CardContent sx={{ pt: 0 }}>
<Box mb={2}>
<Typography variant="h6">검색어</Typography>
<Grid container spacing={2}>
<Grid item xs={12} sm={10}>
<TextField
value={searchField}
onChange={(e) => setSearchField(e.target.value)}
label={'검색'}
placeholder={'회원 휴대폰번호, 회원 이름, 회원 아이디'}
margin="normal"
fullWidth
autoFocus
size="small"
variant="outlined"
sx={{ mt: 0, height: 40 }}
/>
</Grid>
</Grid>
</Box>
<Box display="flex" justifyContent="flex-end" width="100%">
<Button type="submit" variant="contained" sx={{ mr: 2 }}>
검색하기
</Button>
<Button type="button" variant="contained" color="secondary" onClick={() => resetForm()}>
초기화
</Button>
</Box>
</CardContent>
</form>
```
const {
data: members,
isLoading,
isFetching,
isRefetching,
} = useList<IMember>({
resource: 'membership/subscribers',
filters: [
{
field: 'value',
operator: 'eq',
value: submittedSearch,
},
],
})
useEffect(() => {
const fetchCustomerGroups = async () => {
try {
const response = await fetch(
${process.env.NEXT_PUBLIC_API_URL}/customergroups/detail, {headers: {
'Content-Type': 'application/json',
'ngrok-skip-browser-warning': '69420',
},
})
<form onSubmit={handleSubmit}>
<CardContent sx={{ pt: 0 }}>
<Box mb={2}>
<Typography variant="h6">검색어</Typography>
<Grid container spacing={2}>
<Grid item xs={12} sm={10}>
<TextField
value={searchField}
onChange={(e) => setSearchField(e.target.value)}
label={'검색'}
placeholder={'회원 휴대폰번호, 회원 이름, 회원 아이디'}
margin="normal"
fullWidth
autoFocus
size="small"
variant="outlined"
sx={{ mt: 0, height: 40 }}
/>
</Grid>
</Grid>
</Box>
<Box display="flex" justifyContent="flex-end" width="100%">
<Button type="submit" variant="contained" sx={{ mr: 2 }}>
검색하기
</Button>
<Button type="button" variant="contained" color="secondary" onClick={() => resetForm()}>
초기화
</Button>
</Box>
</CardContent>
</form>
```
