HeadlessFluentProvider cannot be used on it's own as a module

[daniellittledev]

HeadlessFluentProvider cannot be used on it's own as a module.
It requires the full aggregator package, however "@fluentui/react-provider" will work on it's own.

Could not resolve "@fluentui/react-components"

    node_modules/@fluentui-contrib/react-headless-provider/lib/components/HeadlessFluentProvider/HeadlessFluentProvider.js:2:104:
      2 │ ...er_unstable, slot, useFluent, useFluentProviderContextValues_unstable } from '@fluentui/react-components';

Using the package import { FluentProvider } from "@fluentui/react-provider" does not produce this error.

[layershifter]

@daniellittledev We intentionally avoid duplicate packages, particularly when dealing with @fluentui/react-shared-contexts. If this package appears multiple times in a bundle, certain UI components might break without any obvious errors. For instance, popovers could lose their styling.

While this concern is related to package management workflows, we’ve encountered this issue frequently. As an unwritten rule, we rely on peer dependencies and depend on the suite package (i.e. @fluentui/react-components). This approach ensures that consumers don’t need to install exact packages individually and manage them separately.

It’s a compromise, but one we’ve decided to stick with.