Embed issue panel in customdrawer

Forge
1

I am making a forge app, Custom UI. on clicking a button a side drawer should open an i must be able to see the issue details the browse url …inside that drawer.

All of this inside thedrawer component.
But all i get is could not connect. I am using iframe to get that page in the drawer.

image
image1627×783 11.3 KB

 <Button type='primary' onClick={() => setIsOpen(true)}>Open Drawer</Button>
            <Drawer  label="Basic Drawer"  isOpen={isOpen}  onClose={() => setIsOpen(false)}>
                <Typography.Text content="Jira Issue Viewer" />
                <iframe
                    src={`${siteUrl}/browse/QL-1`}
                    style={{ width: '100%', height: '600px', border: 'none' }}
                    title="Jira Issue"
                />
                {/* Other drawer content */}
            </Drawer>

Please help me , what am I doing wrong??