@deck.gl/react 9.4.0-alpha.2 → 9.4.0-beta.3

package/dist/widgets/compass-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compass-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/compass-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAGzD,eAAO,MAAM,aAAa,WAAW,kBAAkB,SAGtD,CAAC"}
+{"version":3,"file":"compass-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/compass-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAGzD,eAAO,MAAM,aAAa,GAAI,QAAO,kBAAuB,SAG3D,CAAC"}

package/dist/widgets/context-menu-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/context-menu-widget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAG7D;;GAEG;AACH,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,SAG9D,CAAC"}
+{"version":3,"file":"context-menu-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/context-menu-widget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAG7D;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,SAG9D,CAAC"}

package/dist/widgets/fullscreen-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/fullscreen-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAG5D,eAAO,MAAM,gBAAgB,WAAW,qBAAqB,SAG5D,CAAC"}
+{"version":3,"file":"fullscreen-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/fullscreen-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAG5D,eAAO,MAAM,gBAAgB,GAAI,QAAO,qBAA0B,SAGjE,CAAC"}

package/dist/widgets/geocoder-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"geocoder-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/geocoder-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAG1D;;GAEG;AACH,eAAO,MAAM,cAAc,WAAW,mBAAmB,SAGxD,CAAC"}
+{"version":3,"file":"geocoder-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/geocoder-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAG1D;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,QAAO,mBAAwB,SAG7D,CAAC"}

package/dist/widgets/gimbal-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gimbal-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/gimbal-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAGxD,eAAO,MAAM,YAAY,WAAW,iBAAiB,SAGpD,CAAC"}
+{"version":3,"file":"gimbal-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/gimbal-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAGxD,eAAO,MAAM,YAAY,GAAI,QAAO,iBAAsB,SAGzD,CAAC"}

package/dist/widgets/icon-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/icon-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,UAAU,UAAW,eAAe,SAGhD,CAAC"}
+{"version":3,"file":"icon-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/icon-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,SAGhD,CAAC"}

package/dist/widgets/info-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"info-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/info-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAGtD;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,eAAe,SAGhD,CAAC"}
+{"version":3,"file":"info-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/info-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAGtD;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,SAGhD,CAAC"}

package/dist/widgets/loading-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/loading-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAGzD;;GAEG;AACH,eAAO,MAAM,aAAa,WAAW,kBAAkB,SAGtD,CAAC"}
+{"version":3,"file":"loading-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/loading-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAGzD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,QAAO,kBAAuB,SAG3D,CAAC"}

package/dist/widgets/popup-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/popup-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAGvD,eAAO,MAAM,WAAW,UAAW,gBAAgB,SAGlD,CAAC"}
+{"version":3,"file":"popup-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/popup-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAGvD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,SAGlD,CAAC"}

package/dist/widgets/reset-view-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reset-view-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/reset-view-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAG3D;;GAEG;AACH,eAAO,MAAM,eAAe,WAAW,oBAAoB,SAG1D,CAAC"}
+{"version":3,"file":"reset-view-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/reset-view-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAG3D;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,QAAO,oBAAyB,SAG/D,CAAC"}

package/dist/widgets/scale-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scale-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/scale-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAGvD;;GAEG;AACH,eAAO,MAAM,WAAW,WAAW,gBAAgB,SAGlD,CAAC"}
+{"version":3,"file":"scale-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/scale-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAGvD;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,QAAO,gBAAqB,SAGvD,CAAC"}

package/dist/widgets/screenshot-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screenshot-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/screenshot-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAG5D;;GAEG;AACH,eAAO,MAAM,gBAAgB,WAAW,qBAAqB,SAG5D,CAAC"}
+{"version":3,"file":"screenshot-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/screenshot-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAG5D;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAO,qBAA0B,SAGjE,CAAC"}

package/dist/widgets/scrollbar-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/scrollbar-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAG3D,eAAO,MAAM,eAAe,WAAW,oBAAoB,SAG1D,CAAC"}
+{"version":3,"file":"scrollbar-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/scrollbar-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAG3D,eAAO,MAAM,eAAe,GAAI,QAAO,oBAAyB,SAG/D,CAAC"}

package/dist/widgets/selector-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selector-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/selector-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,cAAc,GAAI,MAAM,kBAAmB,mBAAmB,CAAC,MAAM,CAAC,SAMlF,CAAC"}
+{"version":3,"file":"selector-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/selector-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,cAAc,GAAI,MAAM,GAAG,MAAM,EAAE,OAAO,mBAAmB,CAAC,MAAM,CAAC,SAQjF,CAAC"}

package/dist/widgets/selector-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"selector-widget.js","sourceRoot":"","sources":["../../src/widgets/selector-widget.tsx"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,KAAkC,EAAE,EAAE;IACrF,SAAS,CACP,eAAuF,EACvF,KAAK,CACN,CAAC;IACF,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
+{"version":3,"file":"selector-widget.js","sourceRoot":"","sources":["../../src/widgets/selector-widget.tsx"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAEpC,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAkB,KAAkC,EAAE,EAAE;IACpF,SAAS,CACP,eAE4B,EAC5B,KAAK,CACN,CAAC;IACF,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/widgets/splitter-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splitter-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/splitter-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAG1D;;GAEG;AACH,eAAO,MAAM,cAAc,UAAW,mBAAmB,SAGxD,CAAC"}
+{"version":3,"file":"splitter-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/splitter-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAG1D;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,SAGxD,CAAC"}

package/dist/widgets/stats-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stats-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/stats-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAGvD,eAAO,MAAM,WAAW,WAAW,gBAAgB,SAGlD,CAAC"}
+{"version":3,"file":"stats-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/stats-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAGvD,eAAO,MAAM,WAAW,GAAI,QAAO,gBAAqB,SAGvD,CAAC"}

package/dist/widgets/theme-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/theme-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAGvD;;GAEG;AACH,eAAO,MAAM,WAAW,WAAW,gBAAgB,SAGlD,CAAC"}
+{"version":3,"file":"theme-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/theme-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAGvD;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,QAAO,gBAAqB,SAGvD,CAAC"}

package/dist/widgets/timeline-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/timeline-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,cAAc,WAAW,mBAAmB,SAGxD,CAAC"}
+{"version":3,"file":"timeline-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/timeline-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,cAAc,GAAI,QAAO,mBAAwB,SAG7D,CAAC"}

package/dist/widgets/toggle-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/toggle-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAGxD,eAAO,MAAM,YAAY,UAAW,iBAAiB,SAGpD,CAAC"}
+{"version":3,"file":"toggle-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/toggle-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAGxD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,SAGpD,CAAC"}

package/dist/widgets/zoom-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zoom-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/zoom-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,UAAU,WAAW,eAAe,SAGhD,CAAC"}
+{"version":3,"file":"zoom-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/zoom-widget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,UAAU,GAAI,QAAO,eAAoB,SAGrD,CAAC"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "React Components for deck.gl",
   "license": "MIT",
   "type": "module",
-  "version": "9.4.0-alpha.2",
+  "version": "9.4.0-beta.3",
   "publishConfig": {
     "access": "public"
   },
@@ -48,5 +48,5 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.5"
   },
-  "gitHead": "546e2e8284b00949ab26e744ffd05b9aa017c802"
+  "gitHead": "7f1e9e63019e6525b3f804cbadcf390ed9d40b65"
 }

package/src/deckgl.ts

@@ -76,6 +76,21 @@ function redrawDeck(thisRef: DeckInstanceRef<any>) {
   }
 }
 
+// luma.gl initially gives a detached canvas a small placeholder size. Do not mount a basemap
+// against that temporary viewport: MapLibre would initialize its own canvas at 1 x 1 pixels.
+function deckSizeMatchesContainer(
+  thisRef: DeckInstanceRef<any>,
+  container: HTMLElement | null
+): boolean {
+  const deck = thisRef.deck;
+  return Boolean(
+    deck &&
+      container &&
+      deck.width === container.clientWidth &&
+      deck.height === container.clientHeight
+  );
+}
+
 function createDeckInstance<ViewsT extends ViewOrViews>(
   thisRef: DeckInstanceRef<ViewsT>,
   DeckClass: typeof Deck,
@@ -83,29 +98,37 @@ function createDeckInstance<ViewsT extends ViewOrViews>(
 ): Deck<ViewsT> {
   const deck = new DeckClass({
     ...props,
-    // The Deck's animation loop is independent from React's render cycle, causing potential
-    // synchronization issues. We provide this custom render function to make sure that React
-    // and Deck update on the same schedule.
-    // TODO(ibgreen) - Hack to enable WebGPU as it needs to render quickly to avoid CanvasContext texture from going stale
-    _customRender:
-      props.deviceProps?.adapters?.[0]?.type === 'webgpu'
-        ? undefined
-        : redrawReason => {
-            // Save the dirty flag for later
-            thisRef.redrawReason = redrawReason;
-
-            // Viewport/view state is passed to child components as props.
-            // If they have changed, we need to trigger a React rerender to update children props.
-            const viewports = deck.getViewports();
-            if (thisRef.lastRenderedViewports !== viewports) {
-              // Viewports have changed, update children props first.
-              // This will delay the Deck canvas redraw till after React update (in useLayoutEffect)
-              // so that the canvas does not get rendered before the child components update.
-              thisRef.forceUpdate();
-            } else {
-              redrawDeck(thisRef);
-            }
-          }
+    // Keep one authoritative render callback for both backends. Deck calls `_customRender` from
+    // its animation loop whenever its viewport or layers become dirty; this is also the point
+    // where React children must be synchronized with the viewport used to draw those layers.
+    _customRender: redrawReason => {
+      thisRef.redrawReason = redrawReason;
+      // `deviceProps` describes the requested adapter, not necessarily the adapter that was
+      // initialized. Read the resolved device here, after Deck's animation loop has initialized
+      // it, so fallback from WebGPU to WebGL keeps the WebGL synchronization path.
+      // @ts-expect-error accessing protected device
+      const isWebGPU = deck.device?.type === 'webgpu';
+
+      const viewports = deck.getViewports();
+      if (thisRef.lastRenderedViewports !== viewports) {
+        // Do not initialize a map against the detached WebGPU canvas's temporary 1 x 1 viewport.
+        // The next resize invalidates Deck again and repeats this callback with the final size.
+        if (!isWebGPU || deckSizeMatchesContainer(thisRef, props.parent || null)) {
+          thisRef.forceUpdate();
+        }
+
+        if (!isWebGPU) {
+          // WebGL may defer drawing until React's layout effect so its DOM children and canvas
+          // appear in the same frame. Keep master behavior unchanged for the existing backend.
+          return;
+        }
+      }
+
+      // WebGPU's current canvas texture is valid only for this animation frame. Draw now, even
+      // when React still has a pending viewport update; waiting for a layout effect would reuse
+      // an expired texture. React children catch up through the forceUpdate scheduled above.
+      redrawDeck(thisRef);
+    }
   });
   return deck;
 }
@@ -145,6 +168,9 @@ function DeckGLWithRef<ViewsT extends ViewOrViews = null>(
       return null;
     }
     thisRef.viewStateUpdateRequested = null;
+    // Deck marks the new viewport dirty and schedules `_customRender`; do not start a competing
+    // React update here. Keeping redraw ownership in one callback handles both controlled and
+    // uncontrolled view state without making WebGPU a separate synchronization path.
     return props.onViewStateChange?.(params);
   };
 

package/src/widgets/selector-widget.tsx

@@ -6,9 +6,11 @@ import {SelectorWidget as _SelectorWidget} from '@deck.gl/widgets';
 import type {SelectorWidgetProps} from '@deck.gl/widgets';
 import {useWidget} from '../utils/use-widget';
 
-export const SelectorWidget = <ValueT = string,>(props: SelectorWidgetProps<ValueT>) => {
+export const SelectorWidget = <ValueT = string>(props: SelectorWidgetProps<ValueT>) => {
   useWidget(
-    _SelectorWidget as new (props_: SelectorWidgetProps<ValueT>) => _SelectorWidget<ValueT>,
+    _SelectorWidget as new (
+      props_: SelectorWidgetProps<ValueT>
+    ) => _SelectorWidget<ValueT>,
     props
   );
   return null;