Nesting MDX content

I have a mdx file and using a component in that

title: Topic 1

using my code the content of Test component is rendering as simple text but I want to render them as mdx as well

import * as React from "react";
import { MDXRenderer } from "gatsby-plugin-mdx";
import { MDXProvider } from "@mdx-js/react";
import { Test } from "./test";

export default function ({ docName, title, body, slug }) {
  const shortcodes = { Test };
  return (
     <MDXProvider components={shortcodes}>

and Test component is a simple component that only return content of children prop
export default Test = ({children}) => children


ERROR 1072 (42000): Key column ‘texto_id’ doesn’t exist in table MariaDB [blog1]>

Show a draggable floating chat icon button and show messages on screens