feat(react-scripts): add support for types in ts with webworker

Author: Marlon Maxwel

packages/cra-template-typescript/template/src/sw-template.ts

@@ -1,9 +1,10 @@
-/* eslint-disable no-restricted-globals */
 import { clientsClaim } from 'workbox-core';
 import { NavigationRoute, registerRoute } from 'workbox-routing';
 import { precacheAndRoute, createHandlerBoundToURL } from 'workbox-precaching';
 
-self.addEventListener('message', function(event) {
+declare let self: ServiceWorkerGlobalScope;
+
+self.addEventListener('message', function(event: ExtendableMessageEvent) {
   if (event.data && event.data.type === 'SKIP_WAITING') {
     self.skipWaiting();
   }

packages/react-scripts/scripts/utils/verifyTypeScriptSetup.js

@@ -99,7 +99,7 @@ function verifyTypeScriptSetup() {
       parsedValue: ts.ScriptTarget.ES5,
       suggested: 'es5',
     },
-    lib: { suggested: ['dom', 'dom.iterable', 'esnext'] },
+    lib: { suggested: ['dom', 'dom.iterable', 'esnext', 'webworker'] },
     allowJs: { suggested: true },
     skipLibCheck: { suggested: true },
     esModuleInterop: { suggested: true },