Replies: 7 comments
-
Thanks for reporting - I think there may be some other scenarios that result in this warning message as well. Need to catch all of them. I made the title a little more generic. |
Beta Was this translation helpful? Give feedback.
-
This can be narrowed down to the Tootlip. So far I cant figure out what is generating the error message: import dash_mantine_components as dmc
from dash import Dash, _dash_renderer
_dash_renderer._set_react_version("18.2.0")
app = Dash()
app.layout = dmc.MantineProvider(
dmc.Tooltip(
dmc.Text("Some Text Here"),
label="Tooltip text",
)
)
if __name__ == '__main__':
app.run(debug=True) |
Beta Was this translation helpful? Give feedback.
-
@AnnMarieW, thank you for the quick fix, however after applying dmc 0.15.0, I noticed there is still an instance of this warning. Minimal example producing the warning; import dash_mantine_components as dmc
from dash import Dash, _dash_renderer
_dash_renderer._set_react_version("18.2.0")
app = Dash(external_stylesheets=dmc.styles.ALL)
app.layout = [
dmc.MantineProvider([
dmc.TextInput(
label=dmc.Tooltip(
children="Hover me for more info",
label="Tooltip Text.",
),
),
]),
]
if __name__ == '__main__':
app.run(debug=True) |
Beta Was this translation helpful? Give feedback.
-
Oh darn… ok back to the drawing board 😞 |
Beta Was this translation helpful? Give feedback.
-
@Haladesta label=dmc.Tooltip(
children="Hover me for more info",
label="Tooltip Text.",
id="my-id"
), |
Beta Was this translation helpful? Give feedback.
-
Ah yes, that does indeed remove the warning, but it doesn't actually seem like it was related to the Tooltip anymore. This produces the warning: app.layout = [
dmc.MantineProvider([
dmc.TextInput(
label=dmc.Center([
"Input Label Text",
dmc.Space(w='5px'),
DashIconify(icon='material-symbols:help-outline', width=14),
]),
),
]),
] This doesn't: app.layout = [
dmc.MantineProvider([
dmc.TextInput(
label=dmc.Center(
id="my-id",
children=[
"Input Label Text",
dmc.Space(w='5px'),
DashIconify(icon='material-symbols:help-outline', width=14),
]
),
),
]),
] |
Beta Was this translation helpful? Give feedback.
-
It seems this issue requires further investigation. It’s unusual for a single child (not a list) to require an Since there’s a workaround available by adding an A couple of points to explore:
Feel free to continue the discussion and share additional thoughts in the Discussions tab! |
Beta Was this translation helpful? Give feedback.
-
When combining dmv.Tooltip with dmc.Anchor (either Tooltip inside Anchor or vice versa) a warning is emitted in the console:
Warning: Each child in a list should have a unique "key" prop.
Minimal example:
Warning:
Show
Beta Was this translation helpful? Give feedback.
All reactions