如何在Nivo散点图中为React设置单独的点颜色

import React from 'react';
import { ResponsiveScatterPlot } from '@nivo/scatterplot';

const ScatterPlot = () => {
  // 数据点的颜色属性
  const data = [
    { x: 1, y: 2, color: 'red' },
    { x: 2, y: 3, color: 'blue' },
    { x: 3, y: 4, color: 'green' },
    // 其他数据点...
  ];

  return (
    <div style={{ height: '500px' }}>
      <ResponsiveScatterPlot
        data={data}
        // 自定义数据点的颜色
        colors={(d) => d.color}
        // 其他配置项...
      />
    </div>
  );
};

export default ScatterPlot;