我目前從改變我的應用程序文件class與生命周期事件，如componentDidMount對functions與useEffect掛鉤。對于大多數文件，我沒有看到任何問題，但在下面，我遇到了應用程序凍結的性能問題?？刂婆_中的錯誤或警告為零，但我的機器和 Chrome 增加了此選項卡上使用的內存。我錯過了什么？基于舊類的文件代碼listener: any;componentDidMount() {  const { firebase } = this.props;  this.listener = firebase.onAuthUserListener(    (authUser: any) => {      localStorage.setItem('authUser', JSON.stringify(authUser));      this.setState({ authUser });    },    () => {      localStorage.removeItem('authUser');      this.setState({ authUser: null });    }  );}componentWillUnmount() {  this.listener();}新的鉤子（導致性能問題）const listener = () => {  firebase.onAuthUserListener(    (authUser: any) => {      localStorage.setItem('authUser', JSON.stringify(authUser));      setState(authUser);    },    () => {      localStorage.removeItem('authUser');      setState(null);    }  );};useEffect(() => {  listener();  return () => {    listener();  };});可能還值得注意的是，我正在將 TypeScript 與 React 一起使用。