STILL BROKEN: Refactored some forms to have bare functionality. Appears that v4 antd has extensive issues.

client/src/components/email-overlay/email-overlay.component.jsx

@@ -3,7 +3,7 @@ import { Input } from "antd";
 import CKEditor from "@ckeditor/ckeditor5-react";
 import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
 
-export default function SendEmailButtonComponent({
+export default function EmailOverlayComponent({
   messageOptions,
   handleConfigChange,
   handleHtmlChange

client/src/components/email-overlay/email-overlay.container.jsx

@@ -7,7 +7,10 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { toggleEmailOverlayVisible } from "../../redux/email/email.actions";
-import { selectEmailConfig, selectEmailVisible } from "../../redux/email/email.selectors.js";
+import {
+  selectEmailConfig,
+  selectEmailVisible
+} from "../../redux/email/email.selectors.js";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import EmailOverlayComponent from "./email-overlay.component";
 
@@ -21,7 +24,11 @@ const mapDispatchToProps = dispatch => ({
 export default connect(
   mapStateToProps,
   mapDispatchToProps
-)(function SendEmail({ emailConfig, modalVisible, toggleEmailOverlayVisible }) {
+)(function EmailOveralContainer({
+  emailConfig,
+  modalVisible,
+  toggleEmailOverlayVisible
+}) {
   const { t } = useTranslation();
   const [messageOptions, setMessageOptions] = useState(
     emailConfig.messageOptions
@@ -88,7 +95,8 @@ export default connect(
         visible={modalVisible}
         width={"80%"}
         onOk={handleOk}
-        onCancel={() => toggleEmailOverlayVisible()}>
+        onCancel={() => toggleEmailOverlayVisible()}
+      >
         <LoadingSpinner loading={loading}>
           <EmailOverlayComponent
             handleConfigChange={handleConfigChange}