-
Notifications
You must be signed in to change notification settings - Fork 2.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[SSR]: Investigate plugin not running and possibly add codesandbox with starting code #30766
Comments
This is my log:
This is my next.config.mjs:
This is my layout.tsx:
Node version: 20.11.1 |
This comment was marked as duplicate.
This comment was marked as duplicate.
I'm experiencing the same issues on Next@^14.1.2. Downgrading Next to 14.1.1 seems to solve the issue. |
This comment was marked as duplicate.
This comment was marked as duplicate.
Are here any updates about this topic. I have the same error. |
This comment was marked as duplicate.
This comment was marked as duplicate.
I had a completely fresh install which went to a higher version and then downgraded to that exact version and it's still telling me the same thing. I'd appreciate any advice if you'd be so kind? |
This workaround (https://stackoverflow.com/a/76181667) worked for me. (Even though the link is not directly related to Fluent, the issue is pretty much the same.) |
This is bascially what the plugin does :) . I'll try to get a fix in by this week and hopefully the example as well. Sorry for the long delay folks. One thing to note is that |
FYI, plugin has been fixed! will keep this open to track the stackblitz with an example template |
@sopranopillow seem to be running into an issue with the Menu component where the "use client"
export default function UserSettingsMenu() {
return (
<Menu>
<MenuTrigger>
<Avatar size={48} name="Ryan Kuruppu" />
</MenuTrigger>
<MenuPopover>
<MenuList>
<MenuGroup>
<MenuGroupHeader>Theme</MenuGroupHeader>
<MenuItem
icon={
theme.name === "dark" ? (
<WeatherMoonFilled />
) : (
<WeatherMoonOffRegular />
)
}
>
Dark
</MenuItem>
<MenuItem
icon={
theme.name === "light" ? (
<WeatherSunnyFilled />
) : (
<WeatherSunnyRegular />
)
}
>
Light
</MenuItem>
</MenuGroup>
<MenuGroup>
<MenuGroupHeader>Account Information</MenuGroupHeader>
<MenuItem icon={<SettingsRegular />}>Settings</MenuItem>
<MenuItem icon={<SignOutRegular />}>Sign Out</MenuItem>
</MenuGroup>
</MenuList>
</MenuPopover>
</Menu>
);
} I currently have the below setup. ![]() But it seems to work when downgrading to experimental: {
swcPlugins: [
- ["fluentui-next-appdir-directive", { paths: ["@griffel", "@fluentui"] }]
]
} And I'm not sure if this will help but if I try to add the above line with
|
@AiSirachcha21 for 14.1.1 and below please use version 1.0.5 of the plugin. I'll add a comment to the repo to mention this :) |
That's great. But I had to go back to this due to the first issue which was the issue with my Menu component. That was running the latest version of NextJS, v14.2.3 The popover just stopped working. |
Same here, no more crashes, but still had to go back to Next.js 14.1.1 and fluentui-next-appdir-directive 0.1.5 because popovers / menus stopped working. Any news on this? Is there a separate issue for it? EDIT: Just found #31429 which tracks the popover issue. See workaround there. |
Investigate #29361 (comment)
The text was updated successfully, but these errors were encountered: