passing penDetected to ShapesSwitcher

src/components/Actions.tsx

@@ -186,14 +186,15 @@ export const ShapesSwitcher = ({
   setAppState,
   onImageAction,
   appState,
+  penDetected,
 }: {
   canvas: HTMLCanvasElement | null;
   elementType: AppState["elementType"];
   setAppState: React.Component<any, AppState>["setState"];
   onImageAction: (data: { pointerType: PointerType | null }) => void;
   appState: AppState;
+  penDetected: boolean;
 }) => {
-  const penDetected = useDeviceType().penDetected;
   return (
     <>
       {SHAPES.map(({ value, icon, key }, index) => {

src/components/LayerUI.tsx

@@ -352,6 +352,7 @@ const LayerUI = ({
                               insertOnCanvasDirectly: pointerType !== "mouse",
                             });
                           }}
+                          penDetected={deviceType.penDetected}
                         />
                       </Stack.Row>
                     </Island>

src/components/MobileMenu.tsx

@@ -83,6 +83,7 @@ export const MobileMenu = ({
                           insertOnCanvasDirectly: pointerType !== "mouse",
                         });
                       }}
+                      penDetected={deviceType.penDetected}
                     />
                   </Stack.Row>
                 </Island>