Elements not clickable inside content property

[DeFuex]

Describe the bug
When passing a custom content component (e.g: with an input field and/or button) using the content property of the component, it does not seem possible to click on any elements defined inside the custom component, e.g: the input field or a button.

To Reproduce
Steps to reproduce the behavior:
Create a custom component with an input field and/or button
use the custom component in the component e.g:

<Item 
       content={
            <>
                <TextInput
                    value={newLineOfText}
                    onChange={(event) => setAddNewTextLine(event.currentTarget.value)}
                    placeholder="Add a line of text..."
                  />
                  <Button onClick={handleAddLineOfText}}>
                      Add Line of Text
                  </Button>
              </>
         }

Expected behavior
Being able to left click and the field being visibly entered and being able to use the input field as intended to write text.
And also being able to click on the button.

Desktop (please complete the following information):

• OS: MacOs
• Browser: Firefox
• Version 114.0.2 [64-bit]