React - ev.PreventDefault() not a function?

I don’t understand what is going on. Doing a typical CRUD app in React and on the delete functionality. I am able to console log the ev.target.id and it gives me back the appropriate one, but when I hit the button it gives me the error:
TypeError: ev.preventDefault is not a function
Art._this.deleteArt
src/components/art-list/art.jsx:8

Here is my app.js functionality for Delete:

  //// DELETE ART \\\\
  deleteArt = async (id) => {
    let response = await fetch(`${API}/chizetteart/${id}`, {
      method: "DELETE",
      headers: {
        "Accept": "application/JSON",
        "Content-Type": "application/json",
        "token": this.state.actualToken
      },
    })
    return this.getArtList()
  }




  render() {
    return (
      <main className="App container">
        <Header />
        <ArtList artList={this.state.artList} deleteArt={this.deleteArt} />
        <ComposeArt postArt={this.postArt} />
        <footer>
        <Login loginClick={this.loginClick} logIn={this.logIn.bind(this)} userId={this.state.userId} />
        </footer>
      </main>
    )
  }
}

and the component:

import './art.css'
import { Col, Button } from 'react-materialize'

export default class Art extends React.Component {
  
  deleteArt = (ev) => {
    ev.preventDefault()
    console.log(ev.target.id)
    return this.deleteArt(ev.target.id)
  }

  render () {
    return (
      <Col className="s4 artPiece">
        <div>
          <div><img className="poster" src={this.props.art.poster} alt="https://placekitten.com/200/300"></img></div>
          <br />
          <div><b><i>{this.props.art.title}</i></b></div>
          {/* <br />
          <div><b>Year:</b> {props.art.year}</div>
          <br />
          <div><b>Medium:</b> {props.art.medium}</div> */}
          <br />
          <span><Button id={this.props.art.id} onClick={this.deleteArt} className="waves-effect waves-teal btn-small delButton"><i id={this.props.art.id} className="material-icons icon">delete</i></Button></span>
        </div>
      </Col>
  )
  }
}

I think it’s this line

return this.deleteArt(ev.target.id)

What is it you want to happen here?

preventDefault is usually used on forms to prevent refreshing the page. What is it you want with that?
Is that the same func you pass in as prop to Artlist or is it different components?