fix(react): Align React widget names with pure js (#10239)

Author: Pessimistress

docs/api-reference/widgets/reset-view-widget.md

@@ -69,7 +69,7 @@ new Deck({
 
 ```tsx
 import React from 'react';
-import {DeckGL, _ResetViewWidget as ResetViewWidget} from '@deck.gl/react';
+import {DeckGL, ResetViewWidget} from '@deck.gl/react';
 import '@deck.gl/widgets/stylesheet.css';
 
 function App() {

docs/api-reference/widgets/screenshot-widget.md

@@ -50,7 +50,7 @@ new Deck({
 
 ```tsx
 import React from 'react';
-import DeckGL, {_ScreenshotWidget as ScreenshotWidget} from '@deck.gl/react';
+import DeckGL, {ScreenshotWidget} from '@deck.gl/react';
 import '@deck.gl/widgets/stylesheet.css';
 
 function App() {

modules/react/src/index.ts

@@ -19,9 +19,9 @@ export {IconWidget} from './widgets/icon-widget';
 export {ToggleWidget} from './widgets/toggle-widget';
 export {SelectorWidget} from './widgets/selector-widget';
 export {LoadingWidget} from './widgets/loading-widget';
-export {ResetViewWidget as _ResetViewWidget} from './widgets/reset-view-widget';
+export {ResetViewWidget} from './widgets/reset-view-widget';
 export {ScaleWidget as _ScaleWidget} from './widgets/scale-widget';
-export {ScreenshotWidget as _ScreenshotWidget} from './widgets/screenshot-widget';
+export {ScreenshotWidget} from './widgets/screenshot-widget';
 export {SplitterWidget as _SplitterWidget} from './widgets/splitter-widget';
 export {ThemeWidget} from './widgets/theme-widget';
 export {TimelineWidget as _TimelineWidget} from './widgets/timeline-widget';

modules/react/src/utils/use-widget.ts

@@ -23,7 +23,7 @@ export function useWidget<
     return () => {
       // Remove widget from context when it is unmounted
       const index = widgets?.indexOf(widget);
-      if (index && index !== -1) {
+      if (index !== undefined && index !== -1) {
         widgets?.splice(index, 1);
         deck?.setProps({widgets});
       }