I'm making a get api call every time a key is entered. How do I make it send only when onSubmit occu

  const [searchField, setSearchField] = useState('')

  const { data: members } = useList<IMember>({
    resource: 'membership/subscribers',
    filters: [
      {
        field: 'value',
        operator: 'eq',
        value: searchField,
      },
    ],
  })

<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>

  const [searchField, setSearchField] = useState('')

  const { data: members } = useList<IMember>({
    resource: 'membership/subscribers',
    filters: [
      {
        field: 'value',
        operator: 'eq',
        value: searchField,
      },
    ],
  })

<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>