Strange visual wrapping of spread argument in WebStorm with TypeScript

Question

This is only a visual issue.

The ...rest argument gets wrapped in 3 different lines in WebStorm with TypeScript.

This is a sample of the code :

import React, { FC } from 'react';
import { View } from 'react-native';
import { MarkerProps } from 'react-native-maps';

export interface ITeddyMarkerDraggable extends MarkerProps {
}

const TeddyMarkerDraggable: FC<ITeddyMarkerDraggable> = ({
  props,
  ...rest,
}) => <View />;

export default TeddyMarkerDraggable;

and a picture to illustrate the issue:

What do the grey arrows represent and which setting could I play around to help with the issue?

Answer 1

Submitted to developers, please follow WEB-44657 for updates