pages kit 自定义Components增加属性报错

import React from '@blocklet/pages-kit/builtin/react';
import { Box, Typography, Button, Grid } from '@blocklet/pages-kit/builtin/mui/material';
import { Icon } from '@blocklet/pages-kit/builtin/iconify/react';

const ProductIntroduction = ({ title, description, features, imageUrl, imagePosition }) => {
  return (
    <Box sx={{ padding: 4, backgroundColor: '#f9f9f9', borderRadius: 2 }}>
      <Grid container spacing={2} alignItems="center">
        {imagePosition === 'left' && (
          <Grid item xs={12} sm={6}>
            <img src={imageUrl} alt={title} style={{ width: '100%', borderRadius: 8 }} />
          </Grid>
        )}
        <Grid item xs={12} sm={6} sx={{ textAlign: 'center' }}>
          <Typography variant="h4" sx={{ marginBottom: 2, fontWeight: 'bold' }}>
            {title}
          </Typography>
          <Typography variant="body1" sx={{ marginBottom: 3 }}>
            {description}
          </Typography>
          <Box sx={{ marginBottom: 3 }}>
            {features.map((feature, index) => (
              <Box key={index} sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', marginBottom: 1 }}>
                <Icon icon="mdi:star" sx={{ marginRight: 1, color: 'primary.main' }} />
                <Typography variant="body2">{feature}</Typography>
              </Box>
            ))}
          </Box>
          <Button variant="contained" color="primary">
            Learn More
          </Button>
        </Grid>
        {imagePosition === 'right' && (
          <Grid item xs={12} sm={6}>
            <img src={imageUrl} alt={title} style={{ width: '100%', borderRadius: 8 }} />
          </Grid>
        )}
      </Grid>
    </Box>
  );
};

export default ProductIntroduction;

export const PROPERTIES_SCHEMA = [
  { id: '1', key: 'title', type: 'string', locales: { en: { name: 'Product Title', defaultValue: 'Amazing Product' }, zh: { name: '产品标题', defaultValue: '惊人的产品' } } },
  { id: '2', key: 'description', type: 'string', locales: { en: { name: 'Product Description', defaultValue: 'This product offers amazing features and benefits.' }, zh: { name: '产品描述', defaultValue: '该产品提供惊人的功能和好处。' } } },
  { id: '3', key: 'features', type: 'json', locales: { en: { name: 'Product Features', defaultValue: JSON.stringify(['Feature 1', 'Feature 2', 'Feature 3'], null, 2) }, zh: { name: '产品特点', defaultValue: JSON.stringify(['特点 1', '特点 2', '特点 3'], null, 2) } } },
  { id: '4', key: 'imageUrl', type: 'url', locales: { en: { name: 'Product Image URL', defaultValue: 'https://example.com/image.jpg' }, zh: { name: '产品图片网址', defaultValue: 'https://example.com/image.jpg' } } },
  { id: '5', key: 'imagePosition', type: 'string', locales: { en: { name: 'Image Position', defaultValue: 'left' }, zh: { name: '图片位置', defaultValue: '左' } } }
];