If I put usePrompt in a Parent route, it gets fired as user navigates through its children's paths

[Jared-Dahlke]

Here is my routes array, it has only ONE instance of using usePrompt, and no instances of <Prompt/>

I put my question on the route itself to maximize context, search for *** to easily find it.

    const rlRoutes: Route[] = [
        {
            path: '/',
            element: <MyLogin />
        },
        {
            path: '/login',
            element: <MyLogin />
        },
        {
            path: '/resetPassword',
            element: <ResetPassword />
        },
        {
            path: '/changePassword',
            element: <ChangePassword />
        },
        {
            path: '/admin',
            element: (
                <div>
                    <p>This route was moved to /app/admin</p>
                    <Link to={'/app/admin/roles'}>Click here to go there now</Link>
                </div>
            )
        },
        {
            path: 'app',
            element: <AuthRoute />,
            children: [
                {
                    path: 'admin',
                    children: [
                        {
                            path: 'scenarios',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.scenarios.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'labels',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.scenarios.labels.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'types',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.scenarios.types.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.scenarios.create.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'edit',
                                    children: [
                                        {
                                            path: ':scenarioId',
                                            element: (
                                                <ProtectedRoute
                                                    component={routes.admin.scenarios.edit.component}
                                                    permissionsNeeded={[perms.ADMIN_READ]}
                                                />
                                            )
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            path: 'opinions',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.opinions.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'types',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.opinions.types.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.opinions.create.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'edit',
                                    children: [
                                        {
                                            path: ':opinionId',
                                            element: (
                                                <ProtectedRoute
                                                    component={routes.admin.opinions.edit.component}
                                                    permissionsNeeded={[perms.ADMIN_READ]}
                                                />
                                            )
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            path: 'questions',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.questions.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                }
                            ]
                        },
                        {
                            path: 'permissions',
                            element: (
                                <ProtectedRoute
                                    component={routes.admin.permissions.component}
                                    permissionsNeeded={[perms.ADMIN_READ]}
                                />
                            )
                        },
                        {
                            path: 'roles',
                            element: (
                                <ProtectedRoute
                                    component={routes.admin.roles.component}
                                    permissionsNeeded={[perms.ADMIN_READ]}
                                />
                            )
                        },
                        {
                            path: 'iabCategories',
                            element: (
                                <ProtectedRoute
                                    component={routes.admin.iabCategories.component}
                                    permissionsNeeded={[perms.ADMIN_READ]}
                                />
                            )
                        },
                        {
                            path: 'evergreenChannels',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.evergreenChannels.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.evergreenChannels.create.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                }
                            ]
                        }
                    ]
                },
                {
                    path: 'discover',
                    children: [
                        {
                            path: 'moments',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.discover.trends.component}
                                    permissionsNeeded={[perms.TRENDS_READ]}
                                />
                            )
                        },
                        {
                            path: 'boards',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={Dashboard}
                                            permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'dashboard',
                                    element: (
                                        <ProtectedRoute
                                            component={Dashboard}
                                            permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'welcome',
                                    element: (
                                        <ProtectedRoute
                                            component={Welcome}
                                            permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'board',
                                    element: (
                                        <ProtectedRoute
                                            component={AylienBoard}
                                            permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    children: [
                                        {
                                            path: 'custom',
                                            element: (
                                                <ProtectedRoute
                                                    component={Custom}
                                                    permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                                />
                                            )
                                        },
                                        {
                                            path: 'general',
                                            element: (
                                                <ProtectedRoute
                                                    component={General}
                                                    permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                                />
                                            )
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            path: 'measure',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.discover.measure.component}
                                    permissionsNeeded={[perms.MEASURE_READ]}
                                />
                            )
                        },
                        {
                            path: 'reporting',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.discover.reporting.component}
                                    permissionsNeeded={[perms.REPORTING_READ]}
                                />
                            )
                        },
                        {
                            path: 'momentIntelligence',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.discover.momentsIntelligence.component}
                                    permissionsNeeded={[perms.MOMENTS_INTELLIGENCE_READ]}
                                />
                            )
                        }
                    ]
                },
                {
                    path: 'settings',
                    children: [
                        {
                            path: 'users',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.settings.users.component}
                                            permissionsNeeded={[perms.USER_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.settings.users.create.component}
                                            permissionsNeeded={[perms.USER_CREATE]}
                                        />
                                    )
                                },
                                {
                                    path: 'edit',
                                    children: [
                                        {
                                            path: ':userId',
                                            element: (
                                                <ProtectedRoute
                                                    component={routes.app.settings.users.edit.component}
                                                    permissionsNeeded={[perms.USER_READ]}
                                                />
                                            )
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            path: 'profile',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.settings.profile.component}
                                    permissionsNeeded={[]}
                                />
                            )
                        },
                        {
                            path: 'notificationPreferences',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.settings.notificationPreferences.component}
                                    permissionsNeeded={[perms.NOTIFICATIONS_READ]}
                                />
                            )
                        },
                        {
                            path: 'account',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.settings.account.component}
                                    permissionsNeeded={[perms.ACCOUNT_READ]}
                                />
                            )
                        },
                        {
                            path: 'brandProfiles',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.settings.brandProfiles.component}
                                            permissionsNeeded={[perms.BRAND_PROFILES_PAGE_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'brandProfile',
                                    children: [
                                        {
                                            path: ':brandProfileId',
                                            element: (                             
                                             // The problem is, the prompt fires as I am navigating through this element's children pages.
                                                <ProtectedRoute
                                                    component={routes.app.settings.brandProfiles.brandProfile.component}    *** MY usePrompt IS INSIDE THIS COMPONENT***
                                                    permissionsNeeded={[perms.BRAND_PROFILE_READ]}
                                                />
                                            ),
                                            children: [                              
                                                {
                                                    path: 'brandInformation',
                                                    element: (
                                                        <>
                                                            <BasicInfo />
                                                            <Questions />
                                                        </>
                                                    )
                                                },
                                                {
                                                    path: 'outcomes',
                                                    element: <Outcomes />
                                                },
                                                {
                                                    path: 'brands',
                                                    element: (
                                                        <QueryTypeOneSection
                                                            key="1"
                                                            queryType={typeOneSections.competitors}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'influencers',
                                                    element: (
                                                        <QueryTypeOneSection
                                                            key="2"
                                                            queryType={typeOneSections.influencers}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'events',
                                                    element: <EventSection />
                                                },
                                                {
                                                    path: 'philanthropic',
                                                    element: (
                                                        <QueryTypeOneSection
                                                            key="4"
                                                            queryType={typeOneSections.philanthropic}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'social',
                                                    element: <SocialSection />
                                                },
                                                {
                                                    path: 'questions',
                                                    element: <QuestionsSection />
                                                },
                                                {
                                                    path: 'opinions',
                                                    element: <Opinions />
                                                },
                                                {
                                                    path: 'scenarios',
                                                    element: <Scenarios />
                                                },
                                                {
                                                    path: 'mediaResponsibility',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={MediaResponsibility}
                                                            permissionsNeeded={[
                                                                perms.BRAND_PROFILE_AD_FONTES_MEDIA_RESPONSIBILITY
                                                            ]}
                                                        />
                                                    )
                                                },

                                                {
                                                    path: 'iabCategories',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={IabCategories}
                                                            permissionsNeeded={[perms.BRAND_PROFILE_CATEGORIES_READ]}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'topics',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={Topics}
                                                            permissionsNeeded={[perms.BRAND_PROFILE_TOPICS_READ]}
                                                        />
                                                    )
                                                },

                                                {
                                                    path: 'news',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={AylienNews}
                                                            permissionsNeeded={[perms.BRAND_PROFILE_AYLIEN_NEWS_READ]}
                                                        />
                                                    )
                                                },

                                                {
                                                    path: 'industries',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={AylienIndustries}
                                                            permissionsNeeded={[
                                                                perms.BRAND_PROFILE_AYLIEN_INDUSTRY_READ
                                                            ]}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'keywords',
                                                    element: <Keywords />
                                                },
                                                {
                                                    path: 'targetview',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={Targetview}
                                                            permissionsNeeded={[perms.BRAND_PROFILE_IOS_READ]}
                                                        />
                                                    )
                                                },
                                                { 
                                                     path: 'review',
                                                     element: (
                                                        <ProtectedRoute
                                                             component={Review}
                                                             permissionsNeeded={[perms.BRAND_PROFILE_UPDATE]}
                                                         />
                                                     )
                                                }
                                            ]
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                },
                {
                    path: 'engage',
                    children: [
                        {
                            path: 'lists',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.engage.lists.lists.component}
                                            permissionsNeeded={[perms.ENGAGE_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'createList',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.engage.lists.createList.component}
                                            permissionsNeeded={[perms.ENGAGE_READ, perms.SMARTLIST_CREATE]}
                                        />
                                    )
                                },
                                {
                                    path: 'uploadList',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.engage.lists.uploadList.component}
                                            permissionsNeeded={[perms.ENGAGE_READ, perms.SMARTLIST_CREATE_UPLOAD]}
                                        />
                                    )
                                },
                                {
                                    path: 'channelListBuilder',
                                    children: [
                                        {
                                            path: ':versionId',
                                            children: [
                                                {
                                                    path: 'view',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={
                                                                routes.app.engage.lists.channelListBuilder.component
                                                            }
                                                            permissionsNeeded={[perms.SMARTLIST_READ]}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'edit',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={
                                                                routes.app.engage.lists.channelListBuilder.component
                                                            }
                                                            permissionsNeeded={[perms.SMARTLIST_EDIT]}
                                                        />
                                                    )
                                                }
                                            ]
                                        }
                                    ]
                                },
                                {
                                    path: 'videoListBuilder',
                                    children: [
                                        {
                                            path: ':versionId',
                                            children: [
                                                {
                                                    path: 'view',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={
                                                                routes.app.engage.lists.videoListBuilder.component
                                                            }
                                                            permissionsNeeded={[perms.SMARTLIST_READ]}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'edit',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={
                                                                routes.app.engage.lists.videoListBuilder.component
                                                            }
                                                            permissionsNeeded={[perms.SMARTLIST_EDIT]}
                                                        />
                                                    )
                                                }
                                            ]
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]

[Jared-Dahlke]

I have a suspicion it is because i have children routes under a param

[Jared-Dahlke]

i removed :brandProfileId and am just using search params instead. stilll not quite right but getting better:. I still get prompt navigating brand profile change

here's how im navigating through the children

navigate({
            to: newSection ? newSection : step,
            search: prev => {
                return {
                    ...prev
                }
            }
        })

here's the updated routes

    const rlRoutes: Route[] = [
        {
            path: '/',
            element: <MyLogin />
        },
        {
            path: '/login',
            element: <MyLogin />
        },
        {
            path: '/resetPassword',
            element: <ResetPassword />
        },
        {
            path: '/changePassword',
            element: <ChangePassword />
        },
        {
            path: '/admin',
            element: (
                <div>
                    <p>This route was moved to /app/admin</p>
                    <Link to={'/app/admin/roles'}>Click here to go there now</Link>
                </div>
            )
        },
        {
            path: 'app',
            element: <AuthRoute />,
            children: [
                {
                    path: 'admin',
                    children: [
                        {
                            path: 'scenarios',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.scenarios.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'labels',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.scenarios.labels.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'types',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.scenarios.types.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.scenarios.create.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'edit',
                                    children: [
                                        {
                                            path: ':scenarioId',
                                            element: (
                                                <ProtectedRoute
                                                    component={routes.admin.scenarios.edit.component}
                                                    permissionsNeeded={[perms.ADMIN_READ]}
                                                />
                                            )
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            path: 'opinions',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.opinions.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'types',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.opinions.types.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.opinions.create.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'edit',
                                    children: [
                                        {
                                            path: ':opinionId',
                                            element: (
                                                <ProtectedRoute
                                                    component={routes.admin.opinions.edit.component}
                                                    permissionsNeeded={[perms.ADMIN_READ]}
                                                />
                                            )
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            path: 'questions',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.questions.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                }
                            ]
                        },
                        {
                            path: 'permissions',
                            element: (
                                <ProtectedRoute
                                    component={routes.admin.permissions.component}
                                    permissionsNeeded={[perms.ADMIN_READ]}
                                />
                            )
                        },
                        {
                            path: 'roles',
                            element: (
                                <ProtectedRoute
                                    component={routes.admin.roles.component}
                                    permissionsNeeded={[perms.ADMIN_READ]}
                                />
                            )
                        },
                        {
                            path: 'iabCategories',
                            element: (
                                <ProtectedRoute
                                    component={routes.admin.iabCategories.component}
                                    permissionsNeeded={[perms.ADMIN_READ]}
                                />
                            )
                        },
                        {
                            path: 'evergreenChannels',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.evergreenChannels.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.admin.evergreenChannels.create.component}
                                            permissionsNeeded={[perms.ADMIN_READ]}
                                        />
                                    )
                                }
                            ]
                        }
                    ]
                },
                {
                    path: 'discover',
                    children: [
                        {
                            path: 'moments',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.discover.trends.component}
                                    permissionsNeeded={[perms.TRENDS_READ]}
                                />
                            )
                        },
                        {
                            path: 'boards',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={Dashboard}
                                            permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'dashboard',
                                    element: (
                                        <ProtectedRoute
                                            component={Dashboard}
                                            permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'welcome',
                                    element: (
                                        <ProtectedRoute
                                            component={Welcome}
                                            permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'board',
                                    element: (
                                        <ProtectedRoute
                                            component={AylienBoard}
                                            permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    children: [
                                        {
                                            path: 'custom',
                                            element: (
                                                <ProtectedRoute
                                                    component={Custom}
                                                    permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                                />
                                            )
                                        },
                                        {
                                            path: 'general',
                                            element: (
                                                <ProtectedRoute
                                                    component={General}
                                                    permissionsNeeded={[perms.AYLIEN_TRENDS_READ]}
                                                />
                                            )
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            path: 'measure',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.discover.measure.component}
                                    permissionsNeeded={[perms.MEASURE_READ]}
                                />
                            )
                        },
                        {
                            path: 'reporting',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.discover.reporting.component}
                                    permissionsNeeded={[perms.REPORTING_READ]}
                                />
                            )
                        },
                        {
                            path: 'momentIntelligence',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.discover.momentsIntelligence.component}
                                    permissionsNeeded={[perms.MOMENTS_INTELLIGENCE_READ]}
                                />
                            )
                        }
                    ]
                },
                {
                    path: 'settings',
                    children: [
                        {
                            path: 'users',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.settings.users.component}
                                            permissionsNeeded={[perms.USER_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'create',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.settings.users.create.component}
                                            permissionsNeeded={[perms.USER_CREATE]}
                                        />
                                    )
                                },
                                {
                                    path: 'edit',
                                    children: [
                                        {
                                            path: ':userId',
                                            element: (
                                                <ProtectedRoute
                                                    component={routes.app.settings.users.edit.component}
                                                    permissionsNeeded={[perms.USER_READ]}
                                                />
                                            )
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            path: 'profile',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.settings.profile.component}
                                    permissionsNeeded={[]}
                                />
                            )
                        },
                        {
                            path: 'notificationPreferences',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.settings.notificationPreferences.component}
                                    permissionsNeeded={[perms.NOTIFICATIONS_READ]}
                                />
                            )
                        },
                        {
                            path: 'account',
                            element: (
                                <ProtectedRoute
                                    component={routes.app.settings.account.component}
                                    permissionsNeeded={[perms.ACCOUNT_READ]}
                                />
                            )
                        },
                        {
                            path: 'brandProfiles',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.settings.brandProfiles.component}
                                            permissionsNeeded={[perms.BRAND_PROFILES_PAGE_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'brandProfile',
                                    children: [
                                        {
                                            element: (
                                                <ProtectedRoute
                                                    component={routes.app.settings.brandProfiles.brandProfile.component}
                                                    permissionsNeeded={[perms.BRAND_PROFILE_READ]}
                                                />
                                            ),
                                            children: [
                                                {
                                                    path: 'brandInformation',
                                                    element: (
                                                        <>
                                                            <BasicInfo />
                                                            <Questions />
                                                        </>
                                                    )
                                                },
                                                {
                                                    path: 'outcomes',
                                                    element: <Outcomes />
                                                },
                                                {
                                                    path: 'brands',
                                                    element: (
                                                        <QueryTypeOneSection
                                                            key="1"
                                                            queryType={typeOneSections.competitors}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'influencers',
                                                    element: (
                                                        <QueryTypeOneSection
                                                            key="2"
                                                            queryType={typeOneSections.influencers}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'events',
                                                    element: <EventSection />
                                                },
                                                {
                                                    path: 'philanthropic',
                                                    element: (
                                                        <QueryTypeOneSection
                                                            key="4"
                                                            queryType={typeOneSections.philanthropic}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'social',
                                                    element: <SocialSection />
                                                },
                                                {
                                                    path: 'questions',
                                                    element: <QuestionsSection />
                                                },
                                                {
                                                    path: 'opinions',
                                                    element: <Opinions />
                                                },
                                                {
                                                    path: 'scenarios',
                                                    element: <Scenarios />
                                                },
                                                {
                                                    path: 'mediaResponsibility',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={MediaResponsibility}
                                                            permissionsNeeded={[
                                                                perms.BRAND_PROFILE_AD_FONTES_MEDIA_RESPONSIBILITY
                                                            ]}
                                                        />
                                                    )
                                                },

                                                {
                                                    path: 'iabCategories',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={IabCategories}
                                                            permissionsNeeded={[perms.BRAND_PROFILE_CATEGORIES_READ]}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'topics',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={Topics}
                                                            permissionsNeeded={[perms.BRAND_PROFILE_TOPICS_READ]}
                                                        />
                                                    )
                                                },

                                                {
                                                    path: 'news',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={AylienNews}
                                                            permissionsNeeded={[perms.BRAND_PROFILE_AYLIEN_NEWS_READ]}
                                                        />
                                                    )
                                                },

                                                {
                                                    path: 'industries',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={AylienIndustries}
                                                            permissionsNeeded={[
                                                                perms.BRAND_PROFILE_AYLIEN_INDUSTRY_READ
                                                            ]}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'keywords',
                                                    element: <Keywords />
                                                },
                                                {
                                                    path: 'targetview',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={Targetview}
                                                            permissionsNeeded={[perms.BRAND_PROFILE_IOS_READ]}
                                                        />
                                                    )
                                                }
                                                // {
                                                //     path: 'review',
                                                //     element: (
                                                //         <ProtectedRoute
                                                //             component={Review}
                                                //             permissionsNeeded={[perms.BRAND_PROFILE_UPDATE]}
                                                //         />
                                                //     )
                                                // }
                                            ]
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                },
                {
                    path: 'engage',
                    children: [
                        {
                            path: 'lists',
                            children: [
                                {
                                    path: '/',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.engage.lists.lists.component}
                                            permissionsNeeded={[perms.ENGAGE_READ]}
                                        />
                                    )
                                },
                                {
                                    path: 'createList',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.engage.lists.createList.component}
                                            permissionsNeeded={[perms.ENGAGE_READ, perms.SMARTLIST_CREATE]}
                                        />
                                    )
                                },
                                {
                                    path: 'uploadList',
                                    element: (
                                        <ProtectedRoute
                                            component={routes.app.engage.lists.uploadList.component}
                                            permissionsNeeded={[perms.ENGAGE_READ, perms.SMARTLIST_CREATE_UPLOAD]}
                                        />
                                    )
                                },
                                {
                                    path: 'channelListBuilder',
                                    children: [
                                        {
                                            path: ':versionId',
                                            children: [
                                                {
                                                    path: 'view',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={
                                                                routes.app.engage.lists.channelListBuilder.component
                                                            }
                                                            permissionsNeeded={[perms.SMARTLIST_READ]}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'edit',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={
                                                                routes.app.engage.lists.channelListBuilder.component
                                                            }
                                                            permissionsNeeded={[perms.SMARTLIST_EDIT]}
                                                        />
                                                    )
                                                }
                                            ]
                                        }
                                    ]
                                },
                                {
                                    path: 'videoListBuilder',
                                    children: [
                                        {
                                            path: ':versionId',
                                            children: [
                                                {
                                                    path: 'view',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={
                                                                routes.app.engage.lists.videoListBuilder.component
                                                            }
                                                            permissionsNeeded={[perms.SMARTLIST_READ]}
                                                        />
                                                    )
                                                },
                                                {
                                                    path: 'edit',
                                                    element: (
                                                        <ProtectedRoute
                                                            component={
                                                                routes.app.engage.lists.videoListBuilder.component
                                                            }
                                                            permissionsNeeded={[perms.SMARTLIST_EDIT]}
                                                        />
                                                    )
                                                }
                                            ]
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]