I have updated the user name during the user registration. Then I sent the email verification link. The email verification is working well. But, The email template is not showing the %displayName% after Hello. How can I show the %displayName% in the email template?

Here is the code I have written,

 createUserWithEmailAndPassword(auth, email, password)
    .then((userCredential) => {
      updateProfile(auth.currentUser, {
        displayName: name,
      });
      sendEmailVerification(auth.currentUser);
      const user = userCredential.user;
      setUserInfo(user);
      navigate("/thank-you");
    })