创建的jsx文件导入到另一jsx中,导出小写不提示,大写提示非jsx

[sroxck]

版本: vue2.7.8 vue-cli5.04 nodejs 12.22
在.jsx文件中写入如下代码,引入了另一个jsx文件

import { ref, onMounted,defineComponent, computed } from "vue";
import navbar from '@/layout/component/navbar/index';
export default defineComponent({
  setup() {
    const count = ref(0);
    return () => (
      <div class=" p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4">
        <navbar></navbar>
      </div>
    );
  },
})

提示如下

大写提示如下,请问是哪里没弄对吗

[sroxck]

小写手动注册到components里可以使用,大写注册进去提示非JSX,暂时先手动注册components了