How to use the @microsoft/fast-web-utilities.spinalCase function in @microsoft/fast-web-utilities

return (
            <div tabindex="{-1}">
                <input style="{{" value="{spinalCase(this.props.cssPropertyName)}" type="{&quot;text&quot;}">
                :
                </div>

(dataKey: string): void => {
            dataConfig[dataKey] = {
                value: data[dataKey],
                keyWidth:
                    typeof spinalCase(dataKey) === "string"
                        ? monospaceFontWidthMultiplier * spinalCase(dataKey).length
                        : 0,
                valueWidth:
                    typeof data[dataKey] === "string"
                        ? monospaceFontWidthMultiplier * data[dataKey].length
                        : 0,
            };
        }
    );

(dataKey: string): void => {
            dataConfig[dataKey] = {
                value: data[dataKey],
                keyWidth:
                    typeof spinalCase(dataKey) === "string"
                        ? monospaceFontWidthMultiplier * spinalCase(dataKey).length
                        : 0,
                valueWidth:
                    typeof data[dataKey] === "string"
                        ? monospaceFontWidthMultiplier * data[dataKey].length
                        : 0,
            };
        }
    );