KeyValue field breaks json into array of characters

I have a json field in my Eloquent model, when I add it in the form schema like so:

Forms\Components\KeyValue::make('data'),

Forms\Components\KeyValue::make('data'),

Forms\Components\KeyValue::make('data'),

Forms\Components\KeyValue::make('data'), if I open the data, instead of

{
    "foo": "bar",
    "test": "test2"
}

{
    "foo": "bar",
    "test": "test2"
}

{
    "foo": "bar",
    "test": "test2"
}

{
    "foo": "bar",
    "test": "test2"
}

I see this: