|
1 | | -import type { GridStack, GridStackOptions, GridStackWidget } from "gridstack"; |
| 1 | +import type { GridItemHTMLElement,GridStack, GridStackOptions, GridStackWidget } from "gridstack"; |
2 | 2 | import { type PropsWithChildren, useCallback, useState } from "react"; |
3 | 3 | import { GridStackContext } from "./grid-stack-context"; |
4 | 4 |
|
@@ -72,7 +72,12 @@ export function GridStackProvider({ |
72 | 72 |
|
73 | 73 | const removeWidget = useCallback( |
74 | 74 | (id: string) => { |
75 | | - gridStack?.removeWidget(id); |
| 75 | + const element = document.body.querySelector(`[gs-id="${id}"]`); |
| 76 | + |
| 77 | + if (element) { |
| 78 | + gridStack?.removeWidget(element as GridItemHTMLElement); |
| 79 | + } |
| 80 | + |
76 | 81 | setRawWidgetMetaMap((prev) => { |
77 | 82 | const newMap = new Map<string, GridStackWidget>(prev); |
78 | 83 | newMap.delete(id); |
|
0 commit comments