Problem with dragging custom toolbar

[MrRainesE]

what am i missing? the move cursor is showing on hover but window does not drag

<MosaicWindow
                path={path}
                title={`${id}`}
                toolbarControls={windowContent?.showToolbarButtons ? toolbarControls : []}
                renderToolbar={
                    id === "Test"
                        ? (props, draggable: true) => (
                              <div>
                                  <MyComponent />
                              </div>
                          )
                        : null
                }
            >
                {windowContent?.component || <p>No content available for {id}</p>}
            </MosaicWindow>