build fixes

.eslintrc

@@ -1,6 +1,9 @@
 {
-  "extends": "next",
+  "extends": "next/core-web-vitals",
   "rules": {
-    "@next/next/no-img-element": "off"
+    "@next/next/no-img-element": "off",
+    "react/no-unknown-property": "error"
   }
 }
+
+

components/case/documents.js

@@ -387,7 +387,7 @@ const DocumentDetails = (props) => {
         getSearchDocumentTypes(props.incidentid).then((data) => {
             setDocumentTypes(data);
         });
-    });
+    }, [props.incidentid]);
 
     const getDocumentResults = useCallback(
         (pageNumber, orderBy, fieldSort) => {

components/cookiemanager/index.js

@@ -205,7 +205,6 @@ const CookieManagementMain = (props) => {
                                                     name="usage"
                                                     className="govuk-radios__input"
                                                     id="usage-1"
-                                                    component="input"
                                                     type="radio"
                                                     value="revoked"
                                                     checked={
@@ -234,7 +233,6 @@ const CookieManagementMain = (props) => {
                                                     name="usage"
                                                     type="radio"
                                                     value="accepted"
-                                                    component="input"
                                                     checked={
                                                         usageState ===
                                                         "accepted"
@@ -352,7 +350,6 @@ const CookieManagementMain = (props) => {
                                                 name="settings"
                                                 type="radio"
                                                 value="revoked"
-                                                component="input"
                                                 checked={
                                                     settingsState === "revoked"
                                                 }
@@ -379,7 +376,6 @@ const CookieManagementMain = (props) => {
                                                 name="settings"
                                                 type="radio"
                                                 value="accepted"
-                                                component="input"
                                                 checked={
                                                     settingsState === "accepted"
                                                 }

components/elements/index.js

@@ -94,7 +94,7 @@ export function Textfield(props) {
                         type="text"
                         name={name}
                         id={props.name}
-                        component={RenderCaseID}
+                        //component={RenderCaseID}
                         value={ticketnumber}
                         className="govuk-input  govuk-input--width-20"
                         disabled
@@ -1195,7 +1195,7 @@ export function ReadOnlyfield(props) {
                     type="text"
                     name={props.name}
                     id={props.name}
-                    component={RenderCaseID}
+                    //component={RenderCaseID}
                     value={value}
                     className="govuk-input  govuk-input--width-20"
                     disabled

components/newappeal/complete.js

@@ -66,6 +66,7 @@ let CompleteAppeal = (props) => {
         props.appealType.appealLPA,
         props.props.accountDetails.loggedinUserId,
         props.appealType.appealTypeID,
+        props.props.accountDetails.loggedinUserEmail,
     ]);
 
     let { t } = useTranslation();

components/timeout/timeoutmodal.js

@@ -6,6 +6,7 @@ const TimeoutModal = (props) => {
 
     return (
         <div className={showModal == false ? "modal fade" : "modal fade show"}>
+            {/* <div backdrop="static" className="modal-dialog"> */}
             <div backdrop="static" className="modal-dialog">
                 <div className="modal-content">
                     <h3>

components/tracking/index.js

@@ -1,8 +1,11 @@
 import React, { Fragment } from "react";
+import Script from "next/script";
 
 export const Tracking = ({ googleTagManagerID, nonce }) => (
     <Fragment>
-        <script
+        <Script
+            id="google-analytics"
+            strategy="afterInteractive"
             nonce={nonce}
             dangerouslySetInnerHTML={{
                 __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

pages/error.js

@@ -33,7 +33,7 @@ function Error({ statusCode }, props) {
                                 </p>
 
                                 <a
-                                    href="/"
+                                    href="#"
                                     className="govuk-link"
                                     onClick={() => {
                                         destroyCookie({}, "pinsUser"),