GraphQLError: Field "fileAbsolutePath" is not defined by type "MdxFilterInput"

[cortejojicoy]

I'm about to use the mdx but it return fileAbsolutePath error

this is my file structure

...
src/
  ├── components/
  ├──  └──  Layout.js
  ├── content/
  ├──  └── d/
  ├──      └── test.mdx
  ├── pages/
  └──  └── index.js
...

gatsby-config.js

module.exports = {
    plugins: [
        `gatsby-plugin-postcss`,
        `gatsby-plugin-mdx`,
        `gatsby-plugin-sharp`,
        `gatsby-transformer-sharp`,
        {
            resolve: `gatsby-source-filesystem`,
            options: {
                name: `content`,
                path: `${__dirname}/src/content`,
            },
        },
    ],
}

src/pages/index.js

import * as React from 'react'
import Layout from '../components/Layout'
import TestComponent from '../components/TestComponent'
import { graphql } from 'gatsby'

export default ({ data }) => {
    return (
        <Layout>
            <TestComponent content={data.test.edges} />
        </Layout>
    )
}

export const pageQuery = graphql`
    {
        test: allMdx(filter: { fileAbsolutePath: { regex: "/d/" } }) {
            edges {
                node {
                    body
                    frontmatter {
                        intro
                        title
                    }
                }
            }
        }
    }
`

src/components/Layout.js

...
import { MDXProvider } from '@mdx-js/react'

const Layout = ({ children }) => {
    ...
    return (
        <MDXProvider>
            <div>
                ...
            </div>
        </MDXProvider>
    )
}
...

src/content/d/test.mdx

---
intro: 'Lorem ipsum dolor'
title: 'Lorem ipsum dolor'
---

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

I install all dependencies needed.