React router didn’t show route component using map

I use a router config list and want it to render correctly.
Within my router list, I add another config for the path and image, which I want to use as props for the target component.
I tried google but couldn’t find people who write code like this case.
Is there anything I am missing?

            <Switch>
              {routeList.map((item) => {
                const { path, importList } = item;
                return (
                  <Route
                    path={path}
                    key={path}
                    children={
                      importList ? <SiteList list={importList} /> : <Index />
                    }
                  />
                );
              })}
            </Switch>
export const routeList = [
  { path: "tool", text: "Tool", importList: toolList },
  ...
]

notice toolList is an array of object like this:

export const toolList = [
  {
    title: "fluffy",
    link: "https://fluffy.cc/",
    image: fluffy,
    description: "paste source code instead",
  },
];

My github: https://github.com/catsheue/developer-links

Source: React Router Questions