[Bug]: <Stack /> removes all non-ReactElement children while rendering

[jeffswt]

Library

React / v8 (@fluentui/react)

System Info

All @fluentui/react versions since commit 277d440d579167614823f740f58758f05cb40ca2.

Are you reporting Accessibility issue?

No response

Reproduction

See bug description below.

Bug Description

Actual Behavior

For the code below, only 'AAA' is shown in the rendered HTML.

<Stack horizontal>
    <span>AAA</span>
    bbb
</Stack>

Expected Behavior

The rendered HTML is expected to produce AAAbbb as an output.

We've identified this issue as a change introduced in commit 277d440d579167614823f740f58758f05cb40ca2, that _processStackChildren had missed out Stack children that are not React elements.

Is this change intended?

Logs

No response

Requested priority

Blocking

Products/sites affected

We discovered this issue before rolling out our website to Production.

Are you willing to submit a PR to fix?

depends. i don't currently have a raw testing environment just for fluentui.

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[ling1726]

This is a regression

• @fluentui/react@latest : https://codepen.io/ling1726/pen/ZERJQXB
• @fluentui/react@8.98.8: https://codepen.io/ling1726/pen/LYrjGzd

This should be the commit that caused the regression: 277d440#diff-e9b8fe6626e155cfbf788dad0c4b8b5300a9251143f0afd83148668e150dbcd2

[nikki9696]

Will the fix also handle an element example like this? This is a simple example but it's close to what we do that is now not working and I came here looking to see if it was a known issue.
<Stack> hi <Link href="http://www.google.com">linky</Link> </Stack>