Update govuk-frontend to v4.2.0

app/frontend/application.js

@@ -12,12 +12,12 @@ import 'custom-event-polyfill'
 import 'intersection-observer'
 
 //
-import GOVUKFrontend from 'govuk-frontend'
-import GOVUKPrototypeComponents from 'govuk-prototype-components'
+import { initAll as GOVUKFrontend } from 'govuk-frontend'
+import { initAll as GOVUKPrototypeComponents } from 'govuk-prototype-components'
 import './styles/application.scss'
 import './controllers'
 
 require.context('govuk-frontend/govuk/assets')
 
-GOVUKFrontend.initAll()
-GOVUKPrototypeComponents.initAll()
+GOVUKFrontend()
+GOVUKPrototypeComponents()

app/frontend/controllers/govukfrontend_controller.js

@@ -1,10 +1,10 @@
-import GOVUKFrontend from 'govuk-frontend'
-import GOVUKPrototypeComponents from 'govuk-prototype-components'
+import { initAll as GOVUKFrontend } from 'govuk-frontend'
+import { initAll as GOVUKPrototypeComponents } from 'govuk-prototype-components'
 import { Controller } from '@hotwired/stimulus'
 
 export default class extends Controller {
   connect () {
-    GOVUKFrontend.initAll()
-    GOVUKPrototypeComponents.initAll()
+    GOVUKFrontend()
+    GOVUKPrototypeComponents()
   }
 }

package.json

@@ -20,8 +20,8 @@
     "css-loader": "^6.7.1",
     "custom-event-polyfill": "^1.0.7",
     "file-loader": "^6.2.0",
-    "govuk-frontend": "4.0.1",
-    "govuk-prototype-components": "^0.1.5",
+    "govuk-frontend": "4.2.0",
+    "govuk-prototype-components": "^0.4.0",
     "html5shiv": "^3.7.3",
     "intersection-observer": "^0.12.0",
     "mini-css-extract-plugin": "^2.6.0",