Contact Form 7で、reCAPTCHA v3を導入したら、送信できなくなった

Contact Form 7にreCAPTCHA v3を入れたら、送信しなくなってしまった。
Chromeのコンソールで確認すると以下のようなエラーが出ていた。

TypeError: Cannot set properties of null (setting 'innerText')

原因としてはWPテーマをカスタムするにあたって、JavaScriptで空のPタグを削除するようにしていたことが問題のようだ。

Contact Form 7でreCAPTCHA v3を導入すると、フォーム部分に以下のようなHTMLタグが入るようだ。

<p role="status" aria-live="polite" aria-atomic="true"></p>

この空タグを削除してしまっていたことが原因だった。

Contact Form 7を設置しているページでは、空タグ削除をしないようにしたら、問題無く送信できるようになった。

一瞬プラグインのバグを疑ったが、単純に自分のせいだった。バグはまず「自分を疑え」だね。