How to use the @nivo/parallel-coordinates.commonDefaultProps.strokeWidth function in @nivo/parallel-coordinates

//                 label: 'target',
    //                 value: 'target',
    //             },
    //             {
    //                 label: `custom using 'color' variable`,
    //                 value: `custom using 'color' variable`,
    //             },
    //         ],
    //     },
    // },
    {
        key: 'strokeWidth',
        help: 'Lines stroke width.',
        type: 'number',
        required: false,
        defaultValue: defaults.strokeWidth,
        controlType: 'lineWidth',
        group: 'Style',
    },
    {
        key: 'lineOpacity',
        help: 'Lines opacity.',
        type: 'number',
        required: false,
        defaultValue: defaults.lineOpacity,
        controlType: 'opacity',
        group: 'Style',
    },
    ...motionProperties(['svg'], defaults),
]

export const groups = groupProperties(props)

export default class ParallelCoordinates extends Component {
    state = {
        data: generateParallelCoordinatesData({ size: 32 }),
        settings: {
            variables,
            margin: {
                top: 50,
                right: 60,
                bottom: 50,
                left: 60,
            },
            layout: defaultProps.layout,
            curve: defaultProps.curve,
            colors: defaultProps.colors,
            colorBy: defaultProps.colorBy,
            strokeWidth: defaultProps.strokeWidth,
            lineOpacity: defaultProps.lineOpacity,
            axesPlan: defaultProps.axesPlan,
            axesTicksPosition: defaultProps.axesTicksPosition,
            animate: true,
            motionStiffness: 90,
            motionDamping: 12,
            theme: merge({}, nivoTheme, {
                axis: {
                    ticks: {
                        line: {
                            strokeWidth: 2,
                            strokeLinecap: 'square',
                        },
                    },
                    domain: {
                        line: {

import { groups } from '../../data/components/parallel-coordinates/props'
import variables from '../../data/components/parallel-coordinates/variables'

const initialProperties = {
    variables,
    margin: {
        top: 50,
        right: 60,
        bottom: 50,
        left: 60,
    },
    layout: commonDefaultProps.layout,
    curve: commonDefaultProps.curve,
    colors: commonDefaultProps.colors,
    colorBy: commonDefaultProps.colorBy,
    strokeWidth: commonDefaultProps.strokeWidth,
    lineOpacity: commonDefaultProps.lineOpacity,
    axesPlan: commonDefaultProps.axesPlan,
    axesTicksPosition: commonDefaultProps.axesTicksPosition,
    animate: true,
    motionStiffness: 90,
    motionDamping: 12,
}

const generateData = () => generateParallelCoordinatesData({ size: 32 })

const ParallelCoordinates = () => {
    return (