diff --git a/.bomlint.json b/.bomlint.json
new file mode 100644
index 0000000..345d648
--- /dev/null
+++ b/.bomlint.json
@@ -0,0 +1,7 @@
+{
+  "@types/react": "^16.7.22",
+  "tea-cup-core": "2.3.0",
+  "react-tea-cup": "2.3.0",
+  "ts-jest": "^24.1.0",
+  "bomlint": "1.2.3"
+}
\ No newline at end of file
diff --git a/.circleci/config.yml b/.circleci/config.yml
index 4d27435..4ee8a13 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -1,9 +1,11 @@
-version: 2
+version: 2.1
+orbs:
+  browser-tools: circleci/browser-tools@1.1.1
 
 defaults: &defaults
   working_directory: ~/repo
   docker:
-    - image: circleci/node:erbium
+    - image: circleci/node:gallium
 
 jobs:
   build:
@@ -16,6 +18,31 @@ jobs:
           root: ~/repo
           paths: .
 
+  webtests:
+    working_directory: ~/repo
+    docker:
+      - image: circleci/openjdk:11-jdk-browsers
+    environment:
+      DISPLAY: :99
+
+    steps:
+      - run: sudo Xvfb :99 -screen 0 1920x1200x24 > /dev/null 2>&1 &
+      - attach_workspace:
+          at: ~/repo
+      - browser-tools/install-chrome
+      - browser-tools/install-chromedriver
+      - run:
+          command: |
+            google-chrome --version
+            chromedriver --version
+            ps -efa | grep Xvfb
+          name: Check install
+      - run: cd webtests && export DISPLAY=:99 && mvn clean install -Dwebdriver.chrome.driver=/usr/local/bin/chromedriver
+      - store_artifacts:
+          path: ~/repo/webtests/target/surefire-reports
+      - store_artifacts:
+          path: ~/repo/webtests/target/videos
+
   deploy:
     <<: *defaults
     steps:
@@ -34,9 +61,13 @@ workflows:
           filters:
             tags:
               only: /\d+\.\d+\.\d+/
+      - webtests:
+          requires:
+            - build
       - deploy:
           requires:
             - build
+            - webtests
           filters:
             tags:
               only: /\d+\.\d+\.\d+/
diff --git a/CHANGELOG.md b/CHANGELOG.md
index d9c3f3c..9369af4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,27 @@
 # Changelog
 
+## v2.2.2 (24/04/2023)
+
+#### closed
+
+- [**closed**] DocSub async dispatch [#93](https://github.com/vankeisb/react-tea-cup/pull/93)
+- [**closed**] Fix model undef check, update README [#88](https://github.com/vankeisb/react-tea-cup/pull/88)
+
+#### dependencies
+
+- [**dependencies**] Bump decode-uri-component from 0.2.0 to 0.2.2 [#89](https://github.com/vankeisb/react-tea-cup/pull/89)
+- [**dependencies**] Bump qs from 6.5.2 to 6.5.3 [#90](https://github.com/vankeisb/react-tea-cup/pull/90)
+- [**dependencies**] Bump express from 4.17.1 to 4.18.2 [#91](https://github.com/vankeisb/react-tea-cup/pull/91)
+- [**dependencies**] Bump json5 from 1.0.1 to 1.0.2 [#92](https://github.com/vankeisb/react-tea-cup/pull/92)
+- [**dependencies**] Bump async from 2.6.3 to 2.6.4 [#80](https://github.com/vankeisb/react-tea-cup/pull/80)
+- [**dependencies**] Bump minimist from 1.2.5 to 1.2.6 [#79](https://github.com/vankeisb/react-tea-cup/pull/79)
+- [**dependencies**] Bump cross-fetch from 2.2.3 to 2.2.6 [#81](https://github.com/vankeisb/react-tea-cup/pull/81)
+- [**dependencies**] Bump eventsource from 1.0.7 to 1.1.1 [#82](https://github.com/vankeisb/react-tea-cup/pull/82)
+- [**dependencies**] Bump jsdom from 16.4.0 to 16.5.0 [#84](https://github.com/vankeisb/react-tea-cup/pull/84)
+- [**dependencies**] Bump terser from 4.8.0 to 4.8.1 [#85](https://github.com/vankeisb/react-tea-cup/pull/85)
+
+---
+
 ## v2.2.1 (02/09/2022)
 
 #### closed
diff --git a/build.sh b/build.sh
index eae3844..c622159 100755
--- a/build.sh
+++ b/build.sh
@@ -1,7 +1,9 @@
 yarn install &&     \
+yarn bomlint &&     \
 cd core &&          \
 ./build.sh &&       \
 cd ../tea-cup &&    \
 ./build.sh &&       \
 cd ../samples &&    \
-yarn test --watchAll=false
+yarn test --watchAll=false && \
+yarn build
diff --git a/bump-version.js b/bump-version.js
index 57a88a0..1a19679 100644
--- a/bump-version.js
+++ b/bump-version.js
@@ -2,26 +2,25 @@ const fs = require('fs');
 
 const VERSION = process.env.VERSION;
 
-console.log("Bumping to " + VERSION);
+console.log('Bumping to ' + VERSION);
 
 function withJsonFile(name, callback) {
-    const text = fs.readFileSync(name);
-    const json = JSON.parse(text);
-    callback(json)
-    fs.writeFileSync(name, JSON.stringify(json, null, "  "))
+  const text = fs.readFileSync(name);
+  const json = JSON.parse(text);
+  callback(json);
+  fs.writeFileSync(name, JSON.stringify(json, null, '  '));
 }
 
-withJsonFile("./core/package.json", j => {
-    j.version = VERSION;
+withJsonFile('./core/package.json', (j) => {
+  j.version = VERSION;
 });
 
-withJsonFile("./tea-cup/package.json", j => {
-    j.version = VERSION;
-    j.peerDependencies['tea-cup-core'] = '^' + VERSION;
+withJsonFile('./tea-cup/package.json', (j) => {
+  j.version = VERSION;
+  j.peerDependencies['tea-cup-core'] = VERSION;
 });
 
-withJsonFile('./samples/package.json', j => {
-    j.dependencies['tea-cup-core'] = VERSION;
-    j.dependencies['react-tea-cup'] = VERSION;
+withJsonFile('./samples/package.json', (j) => {
+  j.dependencies['tea-cup-core'] = VERSION;
+  j.dependencies['react-tea-cup'] = VERSION;
 });
-
diff --git a/core/package.json b/core/package.json
index bd7e76a..0cfbd58 100644
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tea-cup-core",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "description": "react-tea-cup core classes and utilities (Maybe etc)",
   "author": "Rémi Van Keisbelck <remi@rvkb.com>",
   "license": "MIT",
diff --git a/core/src/TeaCup/Animation.ts b/core/src/TeaCup/Animation.ts
index 5437341..129abdd 100644
--- a/core/src/TeaCup/Animation.ts
+++ b/core/src/TeaCup/Animation.ts
@@ -25,20 +25,6 @@
 
 import { Sub } from './Sub';
 
-let subs: Array<RafSub<any>> = [];
-
-let ticking = false;
-
-function tick() {
-  if (!ticking) {
-    ticking = true;
-    requestAnimationFrame((t: number) => {
-      subs.forEach((s) => s.trigger(t));
-      ticking = false;
-    });
-  }
-}
-
 class RafSub<M> extends Sub<M> {
   readonly mapper: (t: number) => M;
 
@@ -49,13 +35,9 @@ class RafSub<M> extends Sub<M> {
 
   protected onInit() {
     super.onInit();
-    subs.push(this);
-    tick();
-  }
-
-  protected onRelease() {
-    super.onRelease();
-    subs = subs.filter((s) => s !== this);
+    setTimeout(() => {
+      this.isActive() && requestAnimationFrame((t) => this.trigger(t));
+    });
   }
 
   trigger(t: number) {
diff --git a/core/src/TeaCup/Sub.ts b/core/src/TeaCup/Sub.ts
index 663d11e..88e9922 100644
--- a/core/src/TeaCup/Sub.ts
+++ b/core/src/TeaCup/Sub.ts
@@ -27,6 +27,7 @@ import { Dispatcher } from './Dispatcher';
 
 export abstract class Sub<Msg> {
   protected dispatcher: Dispatcher<Msg> | undefined;
+  private active: boolean = false;
 
   static none<Msg>(): Sub<Msg> {
     return new SubNone();
@@ -38,16 +39,21 @@ export abstract class Sub<Msg> {
 
   init(dispatch: Dispatcher<Msg>): void {
     this.dispatcher = dispatch;
+    this.active = true;
     this.onInit();
   }
 
   release(): void {
-    this.dispatcher = undefined;
+    this.active = false;
     this.onRelease();
   }
 
+  isActive() {
+    return this.active;
+  }
+
   protected dispatch(m: Msg): void {
-    this.dispatcher && this.dispatcher(m);
+    this.dispatcher?.(m);
   }
 
   protected onInit() {}
diff --git a/package.json b/package.json
index edcc7c5..f735955 100644
--- a/package.json
+++ b/package.json
@@ -11,11 +11,13 @@
         "jest": "24.9.0",
         "prettier": "2.0.5",
         "rimraf": "^2.6.3",
-        "ts-jest": "24.0.2",
-        "typescript": "~3.9.7"
+        "ts-jest": "^24.1.0",
+        "typescript": "~3.9.7",
+        "bomlint": "1.2.3"
     },
     "scripts": {
         "release:gh": "gren release",
-        "release:changelog": "gren changelog --tags all --generate --override"
+        "release:changelog": "gren changelog --tags all --generate --override",
+        "bomlint": "bomlint --allow-conflicts react package.json ./core/package.json ./tea-cup/package.json ./samples/package.json"
     }
 }
\ No newline at end of file
diff --git a/samples/package.json b/samples/package.json
index 686901e..14f8675 100644
--- a/samples/package.json
+++ b/samples/package.json
@@ -5,14 +5,14 @@
   "proxy": "https://api.github.com",
   "dependencies": {
     "@types/node": "10.12.19",
-    "@types/react": "16.7.22",
+    "@types/react": "^16.7.22",
     "@types/react-dom": "16.0.11",
     "jest-enzyme": "^7.1.1",
     "react": "^16.7.0",
     "react-dom": "^16.7.0",
     "react-scripts": "3.4.3",
-    "react-tea-cup": "2.2.2",
-    "tea-cup-core": "2.2.2"
+    "react-tea-cup": "2.3.0",
+    "tea-cup-core": "2.3.0"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -36,7 +36,6 @@
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",
     "enzyme-to-json": "^3.4.2",
-    "jest-fetch-mock": "^2.1.2",
-    "ts-jest": "^24.1.0"
+    "jest-fetch-mock": "^2.1.2"
   }
 }
\ No newline at end of file
diff --git a/samples/src/App.tsx b/samples/src/App.tsx
index 07227bd..3297dd5 100755
--- a/samples/src/App.tsx
+++ b/samples/src/App.tsx
@@ -24,18 +24,7 @@
  */
 
 import React from 'react';
-import {
-  Cmd,
-  Dispatcher,
-  just,
-  map,
-  Maybe,
-  maybeOf,
-  noCmd,
-  nothing,
-  Sub,
-  Task,
-} from 'tea-cup-core';
+import { Cmd, Dispatcher, just, map, Maybe, maybeOf, noCmd, nothing, Sub, Task } from 'tea-cup-core';
 import {
   DevTools,
   newUrl,
@@ -60,7 +49,7 @@ import * as TimeSample from './Samples/TimeSample';
 import * as EventsSample from './Samples/EventsSample';
 import * as SelectSample from './Samples/SelectSample';
 import * as PortsSample from './Samples/PortsSample';
-import { appSamplePorts } from "./Samples/PortsSample";
+import { appSamplePorts } from './Samples/PortsSample';
 
 enum Tab {
   All,
@@ -367,7 +356,7 @@ function mapPortsSample(m: PortsSample.Msg): Msg {
   return {
     type: 'portsSample',
     child: m,
-  }
+  };
 }
 
 function view(dispatch: Dispatcher<Msg>, model: Model) {
@@ -464,16 +453,16 @@ function viewTodos(dispatch: Dispatcher<Msg>, todoMvc: TodoMvc) {
         {active ? (
           <span>{label}</span>
         ) : (
-            <a
-              href="#x"
-              onClick={(e) => {
-                e.preventDefault();
-                dispatch({ type: 'tabClicked', tab: t });
-              }}
-            >
-              {label}
-            </a>
-          )}
+          <a
+            href="#x"
+            onClick={(e) => {
+              e.preventDefault();
+              dispatch({ type: 'tabClicked', tab: t });
+            }}
+          >
+            {label}
+          </a>
+        )}
       </li>
     );
   }
@@ -485,46 +474,46 @@ function viewTodos(dispatch: Dispatcher<Msg>, todoMvc: TodoMvc) {
       {todos.length === 0 ? (
         <p>You have nothing to do ! Neat !!</p>
       ) : (
-          <div>
-            <ul>
-              {viewTab(Tab.All)}
-              {viewTab(Tab.Open)}
-              {viewTab(Tab.Closed)}
-            </ul>
-            <ul>
-              {todos
-                .filter((todo) => {
-                  switch (tab) {
-                    case Tab.All:
-                      return true;
-                    case Tab.Open:
-                      return !todo.done;
-                    case Tab.Closed:
-                      return todo.done;
-                  }
-                  return false;
-                })
-                .map((todo) => {
-                  const style = {
-                    textDecoration: todo.done ? 'line-through' : 'none',
-                  };
-                  return (
-                    <li key={todo.id} style={style}>
-                      <a
-                        href="#x"
-                        onClick={(e) => {
-                          e.preventDefault();
-                          dispatch(navigateTo(todoRoute(todo.id)));
-                        }}
-                      >
-                        {todo.text}
-                      </a>
-                    </li>
-                  );
-                })}
-            </ul>
-          </div>
-        )}
+        <div>
+          <ul>
+            {viewTab(Tab.All)}
+            {viewTab(Tab.Open)}
+            {viewTab(Tab.Closed)}
+          </ul>
+          <ul>
+            {todos
+              .filter((todo) => {
+                switch (tab) {
+                  case Tab.All:
+                    return true;
+                  case Tab.Open:
+                    return !todo.done;
+                  case Tab.Closed:
+                    return todo.done;
+                }
+                return false;
+              })
+              .map((todo) => {
+                const style = {
+                  textDecoration: todo.done ? 'line-through' : 'none',
+                };
+                return (
+                  <li key={todo.id} style={style}>
+                    <a
+                      href="#x"
+                      onClick={(e) => {
+                        e.preventDefault();
+                        dispatch(navigateTo(todoRoute(todo.id)));
+                      }}
+                    >
+                      {todo.text}
+                    </a>
+                  </li>
+                );
+              })}
+          </ul>
+        </div>
+      )}
     </div>
   );
 }
@@ -566,7 +555,6 @@ function viewSamples(dispatch: Dispatcher<Msg>, samples: Samples) {
   return (
     <div>
       {backToHome(dispatch)}
-      <h1>Samples</h1>
       <p>
         This is the samples app for <code>react-tea-cup</code>.
       </p>
@@ -594,10 +582,14 @@ function viewSamples(dispatch: Dispatcher<Msg>, samples: Samples) {
       {SelectSample.view(map(dispatch, mapSelectSample), samples.select)}
       <h2>Ports</h2>
       {PortsSample.view(map(dispatch, mapPortsSample), samples.ports)}
-      <button onClick={() => {
-        // call ports without going through any update loop
-        appSamplePorts.setCounter.send(0)
-      }}>Reset using port</button>
+      <button
+        onClick={() => {
+          // call ports without going through any update loop
+          appSamplePorts.setCounter.send(0);
+        }}
+      >
+        Reset using port
+      </button>
     </div>
   );
 }
@@ -661,7 +653,7 @@ function update(msg: Msg, model: Model): [Model, Cmd<Msg>] {
         const macTime = TimeSample.update(msg.child, s.time);
         return [{ ...s, time: macTime[0] }, macTime[1].map(mapTimeSample)];
       });
-    case "portsSample":
+    case 'portsSample':
       return mapSample((s: Samples) => {
         const mac = PortsSample.update(msg.child, s.ports);
         return [{ ...s, ports: mac[0] }, mac[1].map(mapPortsSample)];
diff --git a/samples/src/Samples/Counter.tsx b/samples/src/Samples/Counter.tsx
index 8480c1a..d4bae77 100644
--- a/samples/src/Samples/Counter.tsx
+++ b/samples/src/Samples/Counter.tsx
@@ -42,10 +42,14 @@ export function init(): [Model, Cmd<Msg>] {
 // need this "dispatch" arg, so that you can emit Msgs
 export function view(dispatch: Dispatcher<Msg>, model: Model) {
   return (
-    <div className="counter">
-      <button onClick={(_) => dispatch({ type: 'dec' })}>-</button>
-      <span>{model}</span>
-      <button onClick={(_) => dispatch({ type: 'inc' })}>+</button>
+    <div className="counter" id="sample-counter">
+      <button id="counter-sub" onClick={(_) => dispatch({ type: 'dec' })}>
+        -
+      </button>
+      <span id="counter-value">{model}</span>
+      <button id="counter-add" onClick={(_) => dispatch({ type: 'inc' })}>
+        +
+      </button>
     </div>
   );
 }
diff --git a/samples/src/Samples/EventsSample.tsx b/samples/src/Samples/EventsSample.tsx
index 8de1622..305d520 100644
--- a/samples/src/Samples/EventsSample.tsx
+++ b/samples/src/Samples/EventsSample.tsx
@@ -25,37 +25,41 @@
 
 import * as React from 'react';
 import { Dispatcher, Cmd, Sub, noCmd, nothing, just, Maybe } from 'tea-cup-core';
-import {DocumentEvents, WindowEvents} from "react-tea-cup";
+import { DocumentEvents, WindowEvents } from 'react-tea-cup';
 
 export type Model = {
-  clicked: Maybe<MousePosition>
-  moved: Maybe<MousePosition>
-  scrolled: Maybe<Position>
-  nbResizeLeft: number
-  nbResizeRight: number
+  clicked: Maybe<MousePosition>;
+  moved: Maybe<MousePosition>;
+  scrolled: Maybe<Position>;
+  nbResizeLeft: number;
+  nbResizeRight: number;
 };
 
 type MousePosition = {
   pos: Position;
   page: Position;
   offset: Position;
-}
+};
 
-type Position = [number, number]
+type Position = [number, number];
 
-export type Msg = {
-  type: 'clicked',
-  position: MousePosition
-} | {
-  type: 'moved',
-  position: MousePosition
-} | {
-  type: 'resized',
-  left: boolean
-} | {
-  type: 'scrolled',
-  scroll: Position
-};
+export type Msg =
+  | {
+      type: 'clicked';
+      position: MousePosition;
+    }
+  | {
+      type: 'moved';
+      position: MousePosition;
+    }
+  | {
+      type: 'resized';
+      left: boolean;
+    }
+  | {
+      type: 'scrolled';
+      scroll: Position;
+    };
 
 export function init(): [Model, Cmd<Msg>] {
   return noCmd({
@@ -69,22 +73,19 @@ export function init(): [Model, Cmd<Msg>] {
 
 export function view(dispatch: Dispatcher<Msg>, model: Model) {
   return (
-    <div className="events">
+    <span className="events" id="sample-events">
       {model.clicked
         .map(viewMousePosition('Clicked'))
-        .withDefault(<div>Waiting for click ...</div>)
-      }
-      {model.moved
-        .map(viewMousePosition('Moved'))
-        .withDefault(<div>Waiting for move ...</div>)
-      }
-      {model.scrolled
-        .map(viewPosition('Scrolled'))
-        .withDefault(<div>Waiting for move ...</div>)
-      }
-      <div>resized left : {model.nbResizeLeft}</div>
-      <div>resized right : {model.nbResizeRight}</div>
-    </div>
+        .withDefault(<div className="wait-for-click">Waiting for click ...</div>)}
+      {model.moved.map(viewMousePosition('Moved')).withDefault(<div>Waiting for move ...</div>)}
+      {model.scrolled.map(viewPosition('Scrolled')).withDefault(<div>Waiting for move ...</div>)}
+      <div>
+        resized left : <span id={'resized-left'}>{model.nbResizeLeft}</span>
+      </div>
+      <div>
+        resized right : <span id={'resized-right'}>{model.nbResizeRight}</span>
+      </div>
+    </span>
   );
 }
 
@@ -93,21 +94,21 @@ export function update(msg: Msg, model: Model): [Model, Cmd<Msg>] {
     case 'clicked': {
       const model1: Model = {
         ...model,
-        clicked: just(msg.position)
+        clicked: just(msg.position),
       };
       return [model1, Cmd.none()];
     }
     case 'moved': {
       const model1: Model = {
         ...model,
-        moved: just(msg.position)
+        moved: just(msg.position),
       };
       return [model1, Cmd.none()];
     }
     case 'scrolled': {
       const model1: Model = {
         ...model,
-        scrolled: just(msg.scroll)
+        scrolled: just(msg.scroll),
       };
       return [model1, Cmd.none()];
     }
@@ -126,40 +127,46 @@ const windowEvents = new WindowEvents<Msg>();
 
 export function subscriptions(model: Model): Sub<Msg> {
   return Sub.batch([
-    documentEvents.on('click', (e: MouseEvent) => (
-      {
-        type: 'clicked',
-        position: {
-          pos: [e.x, e.y],
-          page: [e.pageX, e.pageY],
-          offset: [e.offsetX, e.offsetY]
-        }
-      } as Msg
-    )),
-    documentEvents.on('mousemove', (e: MouseEvent) => ({
-      type: 'moved',
-      position: {
-        pos: [e.x, e.y],
-        page: [e.pageX, e.pageY],
-        offset: [e.offsetX, e.offsetY]
-      }
-    } as Msg)),
+    documentEvents.on(
+      'click',
+      (e: MouseEvent) =>
+        ({
+          type: 'clicked',
+          position: {
+            pos: [e.x, e.y],
+            page: [e.pageX, e.pageY],
+            offset: [e.offsetX, e.offsetY],
+          },
+        } as Msg),
+    ),
+    documentEvents.on(
+      'mousemove',
+      (e: MouseEvent) =>
+        ({
+          type: 'moved',
+          position: {
+            pos: [e.x, e.y],
+            page: [e.pageX, e.pageY],
+            offset: [e.offsetX, e.offsetY],
+          },
+        } as Msg),
+    ),
     windowEvents.on('scroll', (e: Event) => {
       return {
         type: 'scrolled',
-        scroll: [window.scrollX, window.scrollY]
+        scroll: [window.scrollX, window.scrollY],
       } as Msg;
     }),
     windowEvents.on('resize', () => {
       return {
         type: 'resized',
-        left: true
+        left: true,
       } as Msg;
     }),
     windowEvents.on('resize', () => {
       return {
         type: 'resized',
-        left: false
+        left: false,
       } as Msg;
     }),
   ]);
@@ -167,14 +174,17 @@ export function subscriptions(model: Model): Sub<Msg> {
 
 function viewMousePosition(title: string) {
   return (position: MousePosition) => {
-    return (<div>
-      <b>{title}: </b>
-      {viewPosition('Position')(position.pos)}&nbsp;
-      {viewPosition('Page')(position.page)}&nbsp;
-      {viewPosition('Offset')(position.offset)}
-    </div>
+    return (
+      <div className={'view-mouse-pos'} data-title={title}>
+        <b>
+          <span className={'vmp-title'}>{title}</span>:{' '}
+        </b>
+        {viewPosition('Position')(position.pos)}&nbsp;
+        {viewPosition('Page')(position.page)}&nbsp;
+        {viewPosition('Offset')(position.offset)}
+      </div>
     );
-  }
+  };
 }
 
 function viewPosition(title: string) {
@@ -184,5 +194,5 @@ function viewPosition(title: string) {
         {title} {position[0]},{position[1]}&nbsp;
       </>
     );
-  }
+  };
 }
diff --git a/samples/src/Samples/PortsSample.tsx b/samples/src/Samples/PortsSample.tsx
index 379ea0f..2f534d2 100644
--- a/samples/src/Samples/PortsSample.tsx
+++ b/samples/src/Samples/PortsSample.tsx
@@ -53,7 +53,6 @@ export function init(): [Model, Cmd<Msg>] {
 export function view(dispatch: Dispatcher<Msg>, model: Model) {
   return (
     <div>
-      <h2>Counter with ports</h2>
       <span>Value = {model}</span>
       <button onClick={() => dispatch({ tag: 'inc' })}>+</button>
     </div>
diff --git a/samples/src/Samples/Raf.tsx b/samples/src/Samples/Raf.tsx
index b6c2ebf..25e1701 100644
--- a/samples/src/Samples/Raf.tsx
+++ b/samples/src/Samples/Raf.tsx
@@ -23,22 +23,28 @@
  *
  */
 
-import { Dispatcher, Cmd, noCmd, Sub, onAnimationFrame } from 'tea-cup-core';
+import { Cmd, Dispatcher, noCmd, onAnimationFrame, Sub } from 'tea-cup-core';
 import * as React from 'react';
 
 export interface Model {
   readonly started: boolean;
   readonly t: number;
+  readonly t2: number;
   readonly fps: number;
   readonly animText: string;
 }
 
-export type Msg = { type: 'raf'; t: number } | { type: 'toggle' } | { type: 'text-changed'; text: string };
+export type Msg =
+  | { type: 'raf'; t: number }
+  | { type: 'toggle' }
+  | { type: 'text-changed'; text: string }
+  | { type: 'raf2'; t: number };
 
 export function init() {
   return noCmd<Model, Msg>({
     started: false,
     t: 0,
+    t2: 0,
     fps: 0,
     animText: 'This text gets animated...',
   });
@@ -54,6 +60,7 @@ export function view(dispatch: Dispatcher<Msg>, model: Model) {
     <div>
       <div>
         <input
+          id={'sample-raf'}
           type="text"
           value={model.animText}
           onChange={(e) =>
@@ -64,8 +71,17 @@ export function view(dispatch: Dispatcher<Msg>, model: Model) {
           }
         />
       </div>
-      <span>Time = {Math.round(model.t)}</span>
-      <button onClick={(_) => dispatch({ type: 'toggle' })}>{model.started ? 'Stop' : 'Start'}</button>
+      <span>
+        Time = <span id={'raf-time-1'}>{Math.round(model.t)}</span>
+      </span>
+      <br />
+      <span>
+        t2 = <span id={'raf-time-2'}>{Math.round(model.t2)}</span>
+      </span>
+      <br />
+      <button id="raf-start" onClick={(_) => dispatch({ type: 'toggle' })}>
+        {model.started ? 'Stop' : 'Start'}
+      </button>
       {fps}
       {anim}
     </div>
@@ -102,17 +118,22 @@ export function update(msg: Msg, model: Model): [Model, Cmd<Msg>] {
   switch (msg.type) {
     case 'toggle':
       return noCmd({ ...model, started: !model.started });
-    case 'raf':
+    case 'raf': {
       const delta = msg.t - model.t;
-      const fps = delta === 0
-        ? model.fps
-        : 1000 / delta;
+      const fps = delta === 0 ? model.fps : 1000 / delta;
       return noCmd({
         ...model,
         t: msg.t,
         fps: fps,
       });
+    }
 
+    case 'raf2': {
+      return noCmd({
+        ...model,
+        t2: msg.t,
+      });
+    }
     case 'text-changed':
       return noCmd({
         ...model,
@@ -121,11 +142,16 @@ export function update(msg: Msg, model: Model): [Model, Cmd<Msg>] {
   }
 }
 
-export function subscriptions(model: Model) {
+export function subscriptions(model: Model): Sub<Msg> {
   if (model.started) {
-    return onAnimationFrame((t: number) => {
-      return { type: 'raf', t: t } as Msg;
-    });
+    return Sub.batch([
+      onAnimationFrame((t: number) => {
+        return { type: 'raf', t: t } as Msg;
+      }),
+      onAnimationFrame((t: number) => {
+        return { type: 'raf2', t: t } as Msg;
+      }),
+    ]);
   } else {
     return Sub.none<Msg>();
   }
diff --git a/samples/src/Samples/__snapshots__/Counter.test.ts.snap b/samples/src/Samples/__snapshots__/Counter.test.ts.snap
index 7d900f9..6ade472 100644
--- a/samples/src/Samples/__snapshots__/Counter.test.ts.snap
+++ b/samples/src/Samples/__snapshots__/Counter.test.ts.snap
@@ -3,16 +3,21 @@
 exports[`Test Counter view state snapshot 1`] = `
 <div
   className="counter"
+  id="sample-counter"
 >
   <button
+    id="counter-sub"
     onClick={[Function]}
   >
     -
   </button>
-  <span>
+  <span
+    id="counter-value"
+  >
     1313
   </span>
   <button
+    id="counter-add"
     onClick={[Function]}
   >
     +
diff --git a/samples/src/Samples/__snapshots__/ParentChild.test.ts.snap b/samples/src/Samples/__snapshots__/ParentChild.test.ts.snap
index d628f04..8d07b15 100644
--- a/samples/src/Samples/__snapshots__/ParentChild.test.ts.snap
+++ b/samples/src/Samples/__snapshots__/ParentChild.test.ts.snap
@@ -7,16 +7,21 @@ exports[`Test ParentChild view state snapshot initial 1`] = `
   >
     <div
       className="counter"
+      id="sample-counter"
     >
       <button
+        id="counter-sub"
         onClick={[Function]}
       >
         -
       </button>
-      <span>
+      <span
+        id="counter-value"
+      >
         0
       </span>
       <button
+        id="counter-add"
         onClick={[Function]}
       >
         +
@@ -28,16 +33,21 @@ exports[`Test ParentChild view state snapshot initial 1`] = `
   >
     <div
       className="counter"
+      id="sample-counter"
     >
       <button
+        id="counter-sub"
         onClick={[Function]}
       >
         -
       </button>
-      <span>
+      <span
+        id="counter-value"
+      >
         0
       </span>
       <button
+        id="counter-add"
         onClick={[Function]}
       >
         +
@@ -49,16 +59,21 @@ exports[`Test ParentChild view state snapshot initial 1`] = `
   >
     <div
       className="counter"
+      id="sample-counter"
     >
       <button
+        id="counter-sub"
         onClick={[Function]}
       >
         -
       </button>
-      <span>
+      <span
+        id="counter-value"
+      >
         0
       </span>
       <button
+        id="counter-add"
         onClick={[Function]}
       >
         +
diff --git a/tea-cup/package.json b/tea-cup/package.json
index a1d5f0d..233473a 100644
--- a/tea-cup/package.json
+++ b/tea-cup/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-tea-cup",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "description": "Put some TEA in your React.",
   "author": "Rémi Van Keisbelck <remi@rvkb.com>",
   "license": "MIT",
@@ -23,7 +23,7 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^16.7.0 || ^17.0.1",
-    "tea-cup-core": "^2.2.2"
+    "tea-cup-core": "2.3.0"
   },
   "devDependencies": {
     "@types/jsdom": "^16.2.5",
diff --git a/tea-cup/src/TeaCup/DocumentEvents.ts b/tea-cup/src/TeaCup/DocumentEvents.ts
index 61d23e0..03e3076 100644
--- a/tea-cup/src/TeaCup/DocumentEvents.ts
+++ b/tea-cup/src/TeaCup/DocumentEvents.ts
@@ -23,89 +23,111 @@
  *
  */
 
-import {Sub} from 'tea-cup-core';
+import { Sub } from 'tea-cup-core';
 
 type Listener<E> = (ev: E) => any;
 type ListenerOptions = boolean | AddEventListenerOptions;
 type Mapper<E, Msg> = (ev: E) => Msg;
 
+let subCount = 0;
+
 class DocSub<K extends keyof Map, Map, Msg> extends Sub<Msg> {
-    private readonly listener: Listener<Map[K]>;
+  private readonly listener: Listener<Map[K]>;
+  private sc: number;
 
-    constructor(
-        private readonly documentEvents: EventMapEvents<Map, Msg>,
-        private readonly key: K,
-        private readonly mapper: Mapper<Map[K], Msg>,
-        private readonly options?: ListenerOptions
-    ) {
-        super();
-        this.listener = (e) => this.dispatch(this.mapper(e));
-    }
+  constructor(
+    private readonly documentEvents: EventMapEvents<Map, Msg>,
+    private readonly key: K,
+    private readonly mapper: Mapper<Map[K], Msg>,
+    private readonly options?: ListenerOptions,
+  ) {
+    super();
+    subCount++;
+    this.sc = subCount;
+    this.listener = (e) =>
+      this.isActive() &&
+      setTimeout(() => {
+        this.dispatch(this.mapper(e));
+      });
+  }
 
-    protected onInit() {
-        super.onInit();
-        this.documentEvents.doAddListener(this.key, this.listener, this.options)
-    }
+  protected onInit() {
+    super.onInit();
+    this.documentEvents.doAddListener(this.key, this.listener, this.options);
+  }
 
-    protected onRelease() {
-        super.onRelease();
-        this.documentEvents.doRemoveListener(this.key, this.listener, this.options)
-    }
+  protected onRelease() {
+    super.onRelease();
+    this.documentEvents.doRemoveListener(this.key, this.listener, this.options);
+  }
 }
 
 abstract class EventMapEvents<Map, Msg> {
+  abstract doAddListener<K extends keyof Map>(
+    key: K,
+    listener: (ev: Map[K]) => any,
+    options?: boolean | AddEventListenerOptions,
+  ): void;
 
-    abstract doAddListener<K extends keyof Map>(key: K,
-                                                listener: (ev: Map[K]) => any,
-                                                options?: boolean | AddEventListenerOptions): void;
-
-    abstract doRemoveListener<K extends keyof Map>(key: K,
-                                                   listener: (ev: Map[K]) => any,
-                                                   options?: boolean | AddEventListenerOptions): void;
+  abstract doRemoveListener<K extends keyof Map>(
+    key: K,
+    listener: (ev: Map[K]) => any,
+    options?: boolean | AddEventListenerOptions,
+  ): void;
 
-    /**
-     * Subscribe to an event.
-     * @param key the event type to subscribe to.
-     * @param mapper map the event to a message.
-     * @param options options for this listener
-     */
-    public on<K extends keyof Map, Msg>(key: K,
-                                        mapper: (e: Map[K]) => Msg,
-                                        options?: boolean | AddEventListenerOptions): Sub<Msg> {
-        return new DocSub<K, Map, Msg>(this, key, mapper, options);
-    }
+  /**
+   * Subscribe to an event.
+   * @param key the event type to subscribe to.
+   * @param mapper map the event to a message.
+   * @param options options for this listener
+   */
+  public on<K extends keyof Map, Msg>(
+    key: K,
+    mapper: (e: Map[K]) => Msg,
+    options?: boolean | AddEventListenerOptions,
+  ): Sub<Msg> {
+    return new DocSub<K, Map, Msg>(this, key, mapper, options);
+  }
 }
 
 /**
  * Subscribe to document events.
  */
 export class DocumentEvents<Msg> extends EventMapEvents<DocumentEventMap, Msg> {
-    doAddListener<K extends keyof DocumentEventMap>(key: K,
-                                                    listener: (ev: DocumentEventMap[K]) => any,
-                                                    options?: boolean | AddEventListenerOptions): void {
-        document.addEventListener(key, listener, options);
-    }
+  doAddListener<K extends keyof DocumentEventMap>(
+    key: K,
+    listener: (ev: DocumentEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions,
+  ): void {
+    document.addEventListener(key, listener, options);
+  }
 
-    doRemoveListener<K extends keyof DocumentEventMap>(key: K,
-                                                       listener: (ev: DocumentEventMap[K]) => any,
-                                                       options?: boolean | AddEventListenerOptions): void {
-        document.removeEventListener(key, listener, options);
-    }
+  doRemoveListener<K extends keyof DocumentEventMap>(
+    key: K,
+    listener: (ev: DocumentEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions,
+  ): void {
+    document.removeEventListener(key, listener, options);
+  }
 }
 
 /**
  * Bonus, WindowEvents
  */
 export class WindowEvents<Msg> extends EventMapEvents<WindowEventMap, Msg> {
-    doAddListener<K extends keyof WindowEventMap>(key: K,
-                                                  listener: (ev: WindowEventMap[K]) => any,
-                                                  options?: boolean | AddEventListenerOptions): void {
-        window.addEventListener(key, listener, options);
-    }
+  doAddListener<K extends keyof WindowEventMap>(
+    key: K,
+    listener: (ev: WindowEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions,
+  ): void {
+    window.addEventListener(key, listener, options);
+  }
 
-    doRemoveListener<K extends keyof WindowEventMap>(key: K,
-                                                     listener: (ev: WindowEventMap[K]) => any,
-                                                     options?: boolean | AddEventListenerOptions): void {
-        window.removeEventListener(key, listener, options);
-    }
+  doRemoveListener<K extends keyof WindowEventMap>(
+    key: K,
+    listener: (ev: WindowEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions,
+  ): void {
+    window.removeEventListener(key, listener, options);
+  }
 }
diff --git a/tea-cup/src/TeaCup/Program.ts b/tea-cup/src/TeaCup/Program.ts
index 38f73e5..9341cb0 100644
--- a/tea-cup/src/TeaCup/Program.ts
+++ b/tea-cup/src/TeaCup/Program.ts
@@ -91,10 +91,8 @@ export class Program<Model, Msg> extends Component<ProgramProps<Model, Msg>, nev
 
       const d = this.dispatch.bind(this);
 
-      setTimeout(() => {
-        newSub.init(d);
-        prevSub?.release();
-      });
+      newSub.init(d);
+      prevSub?.release();
 
       // perform commands in a separate timout, to
       // make sure that this dispatch is done
diff --git a/tea-cup/src/TeaCup/Testing.tsx b/tea-cup/src/TeaCup/Testing.tsx
index e7c9515..899a1fc 100644
--- a/tea-cup/src/TeaCup/Testing.tsx
+++ b/tea-cup/src/TeaCup/Testing.tsx
@@ -172,10 +172,11 @@ class TestableSub<Msg> extends Sub<Msg> {
 
   protected onInit(): void {
     setTimeout(() => {
-      if (this.dispatcher !== undefined) {
-        const d = this.dispatcher.bind(this);
-        this.cmds.map((cmd) => cmd.execute(d));
-      }
+      this.isActive() && this.cmds.forEach((cmd) => cmd.execute((m) => this.dispatch(m)));
+      // if (this.dispatcher !== undefined) {
+      //   const d = this.dispatcher.bind(this);
+      //   this.cmds.map((cmd) => cmd.execute(d));
+      // }
     }, 0);
   }
 }
diff --git a/webtests/.gitignore b/webtests/.gitignore
new file mode 100755
index 0000000..1de5659
--- /dev/null
+++ b/webtests/.gitignore
@@ -0,0 +1 @@
+target
\ No newline at end of file
diff --git a/webtests/pom.xml b/webtests/pom.xml
new file mode 100644
index 0000000..236f584
--- /dev/null
+++ b/webtests/pom.xml
@@ -0,0 +1,145 @@
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+
+    <groupId>react-tea-cup</groupId>
+    <artifactId>webtests</artifactId>
+    <version>LATEST-SNAPSHOT</version>
+    <packaging>war</packaging>
+    <name>webtests</name>
+
+    <properties>
+        <maven.compiler.source>11</maven.compiler.source>
+        <maven.compiler.target>11</maven.compiler.target>
+        <frontend.react.sandbox.directory>${project.basedir}/../samples/build</frontend.react.sandbox.directory>
+        <backend.port>8080</backend.port>
+
+        <webtests.headless>false</webtests.headless>
+        <webtests.window.position/>
+        <webtests.video.enabled>true</webtests.video.enabled>
+        <webtests.findr.verbose>true</webtests.findr.verbose>
+    </properties>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.pojosontheweb</groupId>
+            <artifactId>selenium-utils-core</artifactId>
+            <version>2.0.1</version>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <version>4.13.2</version>
+        </dependency>
+        <dependency>
+            <groupId>com.pojosontheweb</groupId>
+            <artifactId>monte-repack</artifactId>
+            <version>1.1</version>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <finalName>${project.artifactId}</finalName>
+        <plugins>
+<!--            <plugin>-->
+<!--                <groupId>org.apache.maven.plugins</groupId>-->
+<!--                <artifactId>maven-compiler-plugin</artifactId>-->
+<!--                <version>3.11.0</version>-->
+<!--            </plugin>-->
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-war-plugin</artifactId>
+                <version>3.3.2</version>
+                <configuration>
+                    <failOnMissingWebXml>false</failOnMissingWebXml>
+                </configuration>
+            </plugin>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-surefire-plugin</artifactId>
+                <version>2.22.2</version>
+                <configuration>
+                    <skip>true</skip>
+                </configuration>
+            </plugin>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-failsafe-plugin</artifactId>
+                <version>3.0.0</version>
+                <executions>
+                    <execution>
+                        <goals>
+                            <goal>integration-test</goal>
+                            <goal>verify</goal>
+                        </goals>
+                    </execution>
+                </executions>
+                <configuration>
+                    <!--suppress UnresolvedMavenProperty -->
+                    <argLine>${failsafeArgLine}</argLine>
+                    <systemProperties>
+                        <webtests.browser>chrome</webtests.browser>
+                        <webtests.headless>${webtests.headless}</webtests.headless>
+                        <webtests.window.position>${webtests.window.position}</webtests.window.position>
+                        <webtests.findr.verbose>${webtests.findr.verbose}</webtests.findr.verbose>
+                        <webtests.video.enabled>${webtests.video.enabled}</webtests.video.enabled>
+                        <webtests.video.dir>${project.build.directory}/videos</webtests.video.dir>
+                        <webtests.base.url>http://localhost:${backend.port}</webtests.base.url>
+                    </systemProperties>
+                    <environmentVariables>
+                        <TZ>Europe/Paris</TZ>
+                    </environmentVariables>
+                    <redirectTestOutputToFile>true</redirectTestOutputToFile>
+                </configuration>
+            </plugin>
+            <plugin>
+                <groupId>org.eclipse.jetty</groupId>
+                <artifactId>jetty-maven-plugin</artifactId>
+                <version>9.4.51.v20230217</version>
+                <configuration>
+                    <httpConnector>
+                        <port>${backend.port}</port>
+                    </httpConnector>
+                    <webApp>
+                        <contextPath>/dummy</contextPath>
+                        <!-- do not scan jars -->
+                        <webInfIncludeJarPattern>^$</webInfIncludeJarPattern>
+                    </webApp>
+                    <contextHandlers>
+                        <contextHandler implementation="org.eclipse.jetty.server.handler.ContextHandler">
+                            <handler implementation="org.eclipse.jetty.server.handler.ResourceHandler"/>
+                            <contextPath>/</contextPath>
+                            <resourceBase>${frontend.react.sandbox.directory}</resourceBase>
+                        </contextHandler>
+                    </contextHandlers>
+                    <scanIntervalSeconds>13</scanIntervalSeconds>
+                    <stopPort>9966</stopPort>
+                    <stopKey>stop-jetty</stopKey>
+                    <stopWait>10</stopWait>
+                    <!-- use with jetty:run-forked (runs at port 8080) -->
+                    <jvmArgs>-Xdebug -agentlib:jdwp=transport=dt_socket,address=9999,server=y,suspend=n</jvmArgs>
+                </configuration>
+                <executions>
+                    <execution>
+                        <id>start-jetty</id>
+                        <phase>pre-integration-test</phase>
+                        <goals>
+                            <goal>start</goal>
+                        </goals>
+                        <configuration>
+                            <scanIntervalSeconds>0</scanIntervalSeconds>
+                        </configuration>
+                    </execution>
+                    <execution>
+                        <id>stop-jetty</id>
+                        <phase>post-integration-test</phase>
+                        <goals>
+                            <goal>stop</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+        </plugins>
+    </build>
+</project>
diff --git a/webtests/src/test/java/react/tea/cup/SamplesIT.java b/webtests/src/test/java/react/tea/cup/SamplesIT.java
new file mode 100644
index 0000000..47584b7
--- /dev/null
+++ b/webtests/src/test/java/react/tea/cup/SamplesIT.java
@@ -0,0 +1,96 @@
+package react.tea.cup;
+
+import com.pojosontheweb.selenium.Findr;
+import com.pojosontheweb.selenium.ManagedDriverJunit4TestBase;
+import org.junit.Before;
+import org.junit.Test;
+import org.openqa.selenium.Dimension;
+import org.openqa.selenium.WebElement;
+
+import java.util.function.Consumer;
+
+import static com.pojosontheweb.selenium.Findrs.textEquals;
+import static org.junit.Assert.assertEquals;
+
+public class SamplesIT extends ManagedDriverJunit4TestBase {
+
+    private String baseUrl = System.getProperty("webtests.base.url", "http://localhost:3000");
+
+    @Before
+    public void navigateToSamples() {
+        getWebDriver().get(baseUrl);
+        $$("a").where(textEquals("samples")).expectOne().click();
+    }
+
+    @Test
+    public void testCounter() {
+        Consumer<Integer> assertCounter = i -> $("#counter-value").where(textEquals(Integer.toString(i))).eval();
+        Findr buttonSub = $("#counter-sub");
+        Findr buttonAdd = $("#counter-add");
+
+        assertCounter.accept(0);
+        buttonAdd.click();
+        assertCounter.accept(1);
+        buttonAdd.click();
+        buttonAdd.click();
+        assertCounter.accept(3);
+        buttonSub.click();
+        assertCounter.accept(2);
+    }
+
+    @Test
+    public void testRaf() {
+
+        getWebDriver().get(baseUrl + "/samples#sample-raf");
+
+        Findr button = $("#raf-start");
+        Findr time1 = $("#raf-time-1");
+        Findr time2 = $("#raf-time-2");
+
+        time1.where(textEquals("0")).eval();
+        time2.where(textEquals("0")).eval();
+        button.click();
+
+        // sleep to let RAF do its magic for some time...
+        try {
+            Thread.sleep(1000);
+        }catch (Exception e) {
+        }
+
+        button.click();
+        String t1 = time1.eval(WebElement::getText);
+        String t2 = time2.eval(WebElement::getText);
+        assertEquals(t1, t2);
+    }
+
+    @Test
+    public void testEvents() {
+        getWebDriver().get(baseUrl + "/samples#sample-events");
+
+        Findr waitForClick = $$(".wait-for-click").expectOne();
+        waitForClick.eval();
+        waitForClick.click();
+
+        $$(".view-mouse-pos .vmp-title")
+                .where(textEquals("Clicked"))
+                .expectOne()
+                .eval();
+
+        Findr resizedLeft = $("#resized-left");
+        Findr resizedRight = $("#resized-right");
+
+        Consumer<Integer> assertResizes = i -> {
+            resizedLeft.where(textEquals(Integer.toString(i))).eval();
+            resizedRight.where(textEquals(Integer.toString(i))).eval();
+        };
+
+        assertResizes.accept(0);
+
+        Dimension d = getWebDriver().manage().window().getSize();
+        Dimension d2 = new Dimension(d.width, d.height + 1);
+        getWebDriver().manage().window().setSize(d2);
+
+        assertResizes.accept(1);
+    }
+
+}
diff --git a/yarn.lock b/yarn.lock
index 11a8cd0..32dc909 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1633,14 +1633,6 @@
     "@types/prop-types" "*"
     csstype "^3.0.2"
 
-"@types/react@16.7.22":
-  version "16.7.22"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.7.22.tgz#5bc6d166d5ac34b835756f0b736c7b1af0043e81"
-  integrity sha512-j/3tVoY09kHcTfbia4l67ofQn9xvktUvlC/4QN0KuBHAXlbU/wuGKMb8WfEb/vIcWxsOxHv559uYprkFDFfP8Q==
-  dependencies:
-    "@types/prop-types" "*"
-    csstype "^2.2.0"
-
 "@types/stack-utils@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
@@ -2620,6 +2612,13 @@ body-parser@1.20.1:
     type-is "~1.6.18"
     unpipe "1.0.0"
 
+bomlint@1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/bomlint/-/bomlint-1.2.3.tgz#f181ec55a2a5de6943b87af91ded237820d01ebd"
+  integrity sha512-RK+fDLoNKxH+TLjmCda7RwU8i7E5xTMAPqdzWVsNKqgg0siHgYSRBr0bnzppkTRGvXyUW/a2gbXzxSFWSbhVUg==
+  dependencies:
+    commander "^10.0.1"
+
 bonjour@^3.5.0:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/bonjour/-/bonjour-3.5.0.tgz#8e890a183d8ee9a2393b3844c691a42bcf7bc9f5"
@@ -3357,6 +3356,11 @@ combined-stream@^1.0.6, combined-stream@~1.0.6:
   dependencies:
     delayed-stream "~1.0.0"
 
+commander@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.1.tgz#881ee46b4f77d1c1dccc5823433aa39b022cbe06"
+  integrity sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==
+
 commander@^2.11.0, commander@^2.19.0, commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
@@ -3906,11 +3910,6 @@ cssstyle@^2.3.0:
   dependencies:
     cssom "~0.3.6"
 
-csstype@^2.2.0:
-  version "2.6.13"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.13.tgz#a6893015b90e84dd6e85d0e3b442a1e84f2dbe0f"
-  integrity sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==
-
 csstype@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.3.tgz#2b410bbeba38ba9633353aff34b05d9755d065f8"
@@ -12356,21 +12355,6 @@ tr46@~0.0.3:
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
   integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=
 
-ts-jest@24.0.2:
-  version "24.0.2"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-24.0.2.tgz#8dde6cece97c31c03e80e474c749753ffd27194d"
-  integrity sha512-h6ZCZiA1EQgjczxq+uGLXQlNgeg02WWJBbeT8j6nyIBRQdglqbvzDoHahTEIiS6Eor6x8mK6PfZ7brQ9Q6tzHw==
-  dependencies:
-    bs-logger "0.x"
-    buffer-from "1.x"
-    fast-json-stable-stringify "2.x"
-    json5 "2.x"
-    make-error "1.x"
-    mkdirp "0.x"
-    resolve "1.x"
-    semver "^5.5"
-    yargs-parser "10.x"
-
 ts-jest@^24.1.0:
   version "24.3.0"
   resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-24.3.0.tgz#b97814e3eab359ea840a1ac112deae68aa440869"