类型“{title _part_1:string;title _part_2:string!}”不可分配给类型“string”

我有一个组件( StepperTile )接受以下道具:

title_part_1

title_part_2

但是,当我尝试渲染组件时,我在的文件中收到了此错误 阶梯文件 :

未捕获的错误:对象作为React子对象无效(找到:具有键{}的对象)。如果要渲染子对象的集合,请改用数组。

以及渲染组件的文件中的此错误 阶梯文件 小时候:

类型“{title _part_1:string;title _part_2:string!}”不可分配给类型“string”

这是我的组件的定义:

import { Center, VStack, Text, Box } from '@chakra-ui/react';
import React from 'react';

const StepperTitle = (title_part_1: string, title_part_2: string) => {
    return (
        <>
            <Box>
                <VStack>
                    <Text
                        fontWeight='700'
                        fontSize={['18px', '23px', '23px', '25px', '28px']}
                        lineHeight='34px'
                        color='#434E61'

                    >
                        {title_part_1}
                    </Text>

                    <Center>
                        <Text
                            fontWeight='700'
                            fontSize={['18px', '23px', '23px', '25px', '28px']}
                            lineHeight='34px'
                            color='#434E61'
                        >
                            {title_part_2}
                        </Text>
                    </Center>
                </VStack>
            </Box>
        </>
    )
}

export default StepperTitle;

以下是我渲染组件的方式:

<StepperTitle title_part_1=' Tell us what you’re' title_part_2='interested in' />