SpeedDial showing 0x0

Describe the bug
I'm trying to insert a speed dial through plain JS, and when I go in the browser, it shows 0x0.
To Reproduce
Steps to reproduce the behavior:
My code:

const dial = document.createElement('div')
dial.setAttribute('data-dial-init','')
dial.setAttribute('class','fixed right-6 bottom-6 group')
body.appendChild(dial)
const dialMenu = document.createElement('div')
dialMenu.setAttribute('class','flex flex-col items-center hidden mb-4 space-y-2')
dialMenu.setAttribute('id',"speed-dial-menu-default")
dial.appendChild(dialMenu)

Expected behavior
I expected the speed dial to be present, yet when the code above is executed, it is now.
Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• Version 111

Smartphone (please complete the following information):

• Device: N/A
• OS: N/A
• Browser: N/A
• Version: N/A

Additional context
none :D

Start by running the provided plain-JavaScript reproduction in Chrome and inspect the Flowbite Speed Dial initialization associated with data-dial-init. Compare the dynamically created markup with the component's required structure; done means the inserted Speed Dial renders at its intended size instead of 0x0.