bump glodrei to its successor react-three/drei

.storybook/preview.tsx

@@ -1,4 +1,4 @@
-import { Stats } from 'glodrei';
+import { Stats } from '@react-three/drei';
 import theme from './theme';
 import { Preview } from '@storybook/react';
 

package.json

@@ -52,6 +52,7 @@
  "homepage": "https://github.com/reaviz/reagraph#readme",
  "dependencies": {
  "@react-spring/three": "9.6.1",
+ "@react-three/drei": "^9.109.2",
  "@react-three/fiber": "8.13.5",
  "camera-controls": "^2.8.3",
  "classnames": "^2.5.1",
@@ -60,7 +61,6 @@
  "d3-hierarchy": "^3.1.2",
  "d3-scale": "^4.0.2",
  "ellipsize": "^0.5.1",
- "glodrei": "^0.0.1",
  "graphology": "^0.25.4",
  "graphology-layout": "^0.6.1",
  "graphology-layout-forceatlas2": "^0.10.1",

src/symbols/Cluster.tsx

@@ -4,7 +4,7 @@ import { useSpring, a } from '@react-spring/three';
 import { Color, DoubleSide } from 'three';
 import { useStore } from '../store';
 import { Label } from './Label';
-import { useCursor } from 'glodrei';
+import { useCursor } from '@react-three/drei';
 import { ThreeEvent } from '@react-three/fiber';
 
 export type ClusterEventArgs = Omit<ClusterGroup, 'position'>;

src/symbols/Edge.tsx

@@ -15,7 +15,7 @@ import {
 import { Line } from './Line';
 import { useStore } from '../store';
 import { ContextMenuEvent, InternalGraphEdge } from '../types';
-import { Html, useCursor } from 'glodrei';
+import { Html, useCursor } from '@react-three/drei';
 import { useHoverIntent } from '../utils/useHoverIntent';
 import { Euler, Vector3 } from 'three';
 import { ThreeEvent } from '@react-three/fiber';

src/symbols/Label.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useMemo } from 'react';
-import { Billboard, Text } from 'glodrei';
+import { Billboard, Text } from '@react-three/drei';
 import { Color, ColorRepresentation, Euler } from 'three';
 import ellipsize from 'ellipsize';
 

src/symbols/Node.tsx

@@ -18,7 +18,7 @@ import {
  NodeRenderer,
  CollapseProps
 } from '../types';
-import { Html, useCursor } from 'glodrei';
+import { Html, useCursor } from '@react-three/drei';
 import { useCameraControls } from '../CameraControls';
 import { useStore } from '../store';
 import { useDrag } from '../utils/useDrag';

src/symbols/Ring.tsx

@@ -2,7 +2,7 @@ import React, { FC, useMemo } from 'react';
 import { Color, ColorRepresentation, DoubleSide } from 'three';
 import { animationConfig } from '../utils/animation';
 import { useSpring, a } from '@react-spring/three';
-import { Billboard } from 'glodrei';
+import { Billboard } from '@react-three/drei';
 
 export interface RingProps {
  /**

src/symbols/edges/Edge.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useCallback, useMemo } from 'react';
 import { useSpring, a } from '@react-spring/three';
-import { Html } from 'glodrei';
+import { Html } from '@react-three/drei';
 import { ColorRepresentation, Euler } from 'three';
 
 import { useStore } from '../../store';

src/symbols/nodes/Svg.tsx

@@ -2,7 +2,11 @@ import React, { FC, useMemo } from 'react';
 import { a, useSpring } from '@react-spring/three';
 import { animationConfig } from '../../utils';
 import { NodeRendererProps } from '../../types';
-import { Billboard, Svg as DreiSvg, SvgProps as DreiSvgProps } from 'glodrei';
+import {
+ Billboard,
+ Svg as DreiSvg,
+ SvgProps as DreiSvgProps
+} from '@react-three/drei';
 import { Color, DoubleSide } from 'three';
 
 export type SvgProps = NodeRendererProps &