fix revisions not updating

dashboard/src/components/form-refactor/PorterForm.tsx

@@ -39,6 +39,8 @@ interface Props {
   addendum?: any;
   saveValuesStatus?: string;
   showStateDebugger?: boolean;
+  currentTab: string;
+  setCurrentTab: (nt: string) => void;
 }
 
 const PorterForm: React.FC<Props> = (props) => {
@@ -50,13 +52,7 @@ const PorterForm: React.FC<Props> = (props) => {
     formState,
   } = useContext(PorterFormContext);
 
-  const [currentTab, setCurrentTab] = useState(
-    props.leftTabOptions?.length > 0
-      ? props.leftTabOptions[0].value
-      : formData.tabs?.length > 0
-      ? formData.tabs[0].name
-      : ""
-  );
+  const { currentTab, setCurrentTab } = props;
 
   const renderSectionField = (field: FormField): JSX.Element => {
     const bundledProps = {

dashboard/src/components/form-refactor/PorterFormWrapper.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 
 import PorterForm from "./PorterForm";
 import { PorterFormData } from "./types";
@@ -17,7 +17,6 @@ type PropsType = {
   color?: string;
   addendum?: any;
   saveValuesStatus?: string;
-  externalValues?: any;
   showStateDebugger?: boolean;
 };
 
@@ -34,31 +33,47 @@ const PorterFormWrapper: React.FunctionComponent<PropsType> = ({
   color,
   addendum,
   saveValuesStatus,
-  externalValues,
   showStateDebugger,
 }) => {
+  const hashCode = (s: string) => {
+    return s.split("").reduce(function (a, b) {
+      a = (a << 5) - a + b.charCodeAt(0);
+      return a & a;
+    }, 0);
+  };
+
+  const [currentTab, setCurrentTab] = useState(
+    leftTabOptions?.length > 0
+      ? leftTabOptions[0].value
+      : formData.tabs?.length > 0
+      ? formData.tabs[0].name
+      : ""
+  );
+
   return (
-    <>
-        <PorterFormContextProvider
-          rawFormData={formData as PorterFormData}
-          overrideVariables={valuesToOverride}
+    <React.Fragment key={hashCode(JSON.stringify(formData))}>
+      <PorterFormContextProvider
+        rawFormData={formData as PorterFormData}
+        overrideVariables={valuesToOverride}
+        isReadOnly={isReadOnly}
+        onSubmit={onSubmit}
+      >
+        <PorterForm
+          showStateDebugger={showStateDebugger}
+          addendum={addendum}
           isReadOnly={isReadOnly}
-          onSubmit={onSubmit}
-        >
-          <PorterForm
-            showStateDebugger={showStateDebugger}
-            addendum={addendum}
-            isReadOnly={isReadOnly}
-            leftTabOptions={leftTabOptions}
-            rightTabOptions={rightTabOptions}
-            renderTabContents={renderTabContents}
-            saveButtonText={saveButtonText}
-            isInModal={isInModal}
-            color={color}
-            saveValuesStatus={saveValuesStatus}
-          />
-        </PorterFormContextProvider>
-    </>
+          leftTabOptions={leftTabOptions}
+          rightTabOptions={rightTabOptions}
+          renderTabContents={renderTabContents}
+          saveButtonText={saveButtonText}
+          isInModal={isInModal}
+          color={color}
+          saveValuesStatus={saveValuesStatus}
+          currentTab={currentTab}
+          setCurrentTab={setCurrentTab}
+        />
+      </PorterFormContextProvider>
+    </React.Fragment>
   );
 };