Запрос Gatsby GraphQL сортирует только по первому индексу значения?

Question

Я пытаюсь отсортировать несколько папок по названию папки. т.е.: 1_folderTitle, 2_folderTitle, 3_folderTitle

Моя файловая структура выглядит следующим образом:

 content   
    │
    └───portfolio
        │
        └───1_project1
        │   │   image.png
        │   │   index.md
        │
        └───2_project2
            │   image.png
            │   index.md

В настоящее время мой запрос работает до тех пор, пока у меня не будет 10 папок. Если имеется более 10 папок, 10 сортируется как 1.

Вот мой запрос:

const data = useStaticQuery(graphql`
    query {
     allFile(
        filter: {
          sourceInstanceName: { eq: "content" }
          extension: { eq: "md" }
          relativeDirectory: { regex: "/portfolio/" }
        }
        sort: { fields: [dir], order: DESC }
      ) {
        edges {
          node {
            id
            childMarkdownRemark {
              frontmatter {
                title
                stack
                description
                type
                image {
                  childImageSharp{
                    fluid(maxWidth:800, quality:80){
                      ...GatsbyImageSharpFluid_tracedSVG
                    }
                  }
                }
              }
              html
            }
          }
        }
      }
    }
  `)

Я попытался отсортировать по frontmatter, ноЯ прочитал этот ответ о том, что это невозможно при запросе с использованием allFile.

Может кто-нибудь помочь мне найти решение?