custom topBar componenet is not working properly

[varadig]

🐛 Bug Report

(A clear and concise description of what the bug is)

Have you read the Contributing Guidelines on issues?

YES

To Reproduce

(Write your steps here:)

1. Step 1... If I setup the topBar custom component in the setDefaultOptions it's working well.
2. Step 2... 2If I set the topBar custom component somwhere else (where I want to use it), it's not visible/rendered/...etc
3. Step 3...

Expected behavior

Setup custom topbar component per stack

Actual Behavior

The custom topBar component is just visible if I setup in the setDefaultOptions

Your Environment

• React Native Navigation version: 7.22.3
• React Native version: 0.66.0
• Platform(s) (iOS, Android, or both?): iOS
• Device info (Simulator/Device? OS version? Debug/Release?): Simulator , iOS 15, Debug

Reproducible Demo

root: {
                sideMenu: {
                    id: "MAIN",
                    options: {
                        topBar: {visible: true}
                    },
                    center: {
                        bottomTabs: {
                            id: 'BOTTOM_TABS_LAYOUT',
                            options: {
                                topBar: {
                                        background: {
                                            component: {
                                                name: Component.topbarBackground
                                            }
                                        }
                                    },

//.....                     },

Are you willing to resolve this issue by submitting a Pull Request?

• ✅   Yes, I have the time, and I know how to start.
• ✖️   Yes, I have the time, but I don't know how to start. I would need guidance.
• ✖️   No, I don’t have the time and I’m okay to wait for the community / maintainers to resolve this issue.