Passing props to nested sub routes.

[berkaygure]

Hi,
I'm trying to pass some props to children routes. It is not working after 2. level route.

My Layout component.

const Layout: React.FC<any> = (props) => {
  return React.Children.map(props.children, (child) => {
    return React.cloneElement(child, { x: 'y' });
  });
};

My routes

  routes: [
    {
      path: '/configuration',
      name: 'planning',
      component: './Layout', 
      routes : [
       {
           path: '/custom',
           name: 'custom',
           component: './pages/Custom', // 'x' = y
       },
       {
           path: '/general',
           name: 'general',
           routes : [
            {
               path: '/mail',
               name: 'mail',
               component: './pages/Mail' // 'x' is undefined
            },
           ]
       },
      ]
    },
]

Also, I tried clone elements recursively in the Layout file.

Any idea about that?

My Umi version is 3.4