[WIP] useEffect instead

Author: reosarevok

root/recording/CreateRecording.js

@@ -23,7 +23,6 @@ component CreateRecording(form: RecordingFormT, usedByTracks: boolean) {
       </div>
       {manifest('recording/components/RecordingEditForm', {async: true})}
       {manifest('relationship-editor', {async: true})}
-      {manifest('recording/edit', {async: true})}
     </Layout>
   );
 }

root/recording/EditRecording.js

@@ -29,7 +29,6 @@ component EditRecording(
       <RecordingEditForm form={form} usedByTracks={usedByTracks} />
       {manifest('recording/components/RecordingEditForm', {async: true})}
       {manifest('relationship-editor', {async: true})}
-      {manifest('recording/edit', {async: true})}
     </RecordingLayout>
   );
 }

root/static/scripts/recording/components/RecordingEditForm.js

@@ -42,6 +42,7 @@ import FormRowNameWithGuessCase, {
 import {NonHydratedFormRowTextList as FormRowTextList}
   from '../../edit/components/FormRowTextList.js';
 import FormRowTextLong from '../../edit/components/FormRowTextLong.js';
+import {installFormUnloadWarning} from '../../edit/components/forms.js';
 import {
   type StateT as GuessCaseOptionsStateT,
   createInitialState as createGuessCaseOptionsState,
@@ -56,6 +57,7 @@ import {
   applyAllPendingErrors,
   hasSubfieldErrors,
 } from '../../edit/utility/subfieldErrors.js';
+import initializeValidation from '../../edit/validation.js';
 import {
   NonHydratedRelationshipEditorWrapper as RelationshipEditorWrapper,
 } from '../../relationship-editor/components/RelationshipEditorWrapper.js';
@@ -182,6 +184,11 @@ component RecordingEditForm(
 ) {
   const $c = React.useContext(SanitizedCatalystContext);
 
+  React.useEffect(() => {
+    installFormUnloadWarning();
+    initializeValidation();
+  }, []);
+
   const [state, dispatch] = React.useReducer(
     reducer,
     createInitialState(initialForm, $c),