React js不能调用“componentDidMount”

为了建立一个造币网站，我需要在react js应用程序开始时获得totalMintedAmount，但我不能调用；componentDidMount“；函数一开始我查找了文档，但找不到我做错了什么，下面是错误和代码，提前谢谢。

密码

  function getSupplyAtStart(){
    try {
      const { ethereum } = window;
      if(ethereum){
        const provider = new ethers.providers.Web3Provider(ethereum);
        const signer = provider.getSigner();
        const nftContract = new ethers.Contract(contractAddress, abi, signer);
        totalSupply=nftContract.totalSupply();
  
      }
     } catch (error) {
       
     }
  }
  componentDidMount() {
    this.getSupplyAtStart();
  }
 

错误

未能编译。

./src/components/Home/index.js
SyntaxError: /Users/ekutlugun/Desktop/anti-ape-front/src/components/Home/index.js: Missing semicolon. (50:21)

  48 |      }
  49 |   }
> 50 |   componentDidMount() {
     |                      ^
  51 |     this.getSupplyAtStart();
  52 |   }
  53 |