AD-274 Browser console error Cannot read properties of null (reading …

…'getAttribute')

adyencheckoutaddonspa/acceleratoraddon/web/webroot/_ui/responsive/common/js/adyen-checkout/src/index.js

@@ -8,16 +8,21 @@ import {RouterProvider} from "react-router-dom";
 import {router} from "./router/router"
 
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-    <React.StrictMode>
-        <Provider store={store}>
+const rootElement = document.getElementById('root');
+
+if (rootElement) {
+    const root = ReactDOM.createRoot(rootElement);
+    root.render(
+        <React.StrictMode>
+            <Provider store={store}>
                 <RouterProvider router={router}/>
-        </Provider>
-    </React.StrictMode>
-);
+            </Provider>
+        </React.StrictMode>
+    );
+
+    // If you want to start measuring performance in your app, pass a function
+    // to log results (for example: reportWebVitals(console.log))
+    // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+    reportWebVitals();
+}
 
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

adyencheckoutaddonspa/acceleratoraddon/web/webroot/_ui/responsive/common/js/adyen-checkout/src/util/baseUrlUtil.ts

@@ -3,4 +3,4 @@ declare var ACC: any;
 export const urlContextPath: string = ACC.config.encodedContextPath
 
 const rootElement = document.getElementById('root');
-export const CSRFToken = rootElement.getAttribute('csrf-token');
+export const CSRFToken = rootElement ? rootElement.getAttribute('csrf-token') : undefined;