请教大佬 FluentUI Toast 不显示的问题

不贴代码怎么看啊😂

干啥不都得有个上下文?

@JoeJoeJoe 你就试试文档的代码吧，那个俺都弄不出来。

大概率是你没有在根节点下放一个接收 toast 的容器，只用了 toast 组件。仔细看一下文档，我用的版本和你的一样，就没有问题。

@jroger 感谢测试，我放在了 FluentProvider 里，难道是这个不对吗？

@jroger 就是这样显示不了。
...
dispatchToast(
<Toast>
<ToastTitle>Example data loaded</ToastTitle>
</Toast>,
{intent: "success", position: "top-end"}
);
...
return (
<FluentProvider theme={isDark ? darkTheme : lightTheme} applyStylesToPortals>
<Toaster toasterId={toasterId} />
...
假如我直接
return (
<FluentProvider theme={isDark ? darkTheme : lightTheme} applyStylesToPortals>
<Toast intent: "success", position: "top-end">
<ToastTitle>Example data loaded</ToastTitle>
</Toast>
就能显示， 我理解的是 dispatchToast 没有起作用。

把 nextjs 换成 vite 就好了，不知道其中缘由。