En dash on file name causes invalid syntax

[marcosmarp]

When using a snippet that uses the current file name, and that file name have a - on it, it causes invalid syntax.

Example with tsrafce

import React from 'react'

type Props = {}

const delete-modal= (props: Props) => {
  return (
    <div>delete-modal</div>
  )
}

export default delete-modal

A - on a function name isn't valid so something like this would be nice:

import React from 'react'

type Props = {}

const DeleteModal = (props: Props) => {
  return (
    <div>delete-modal</div>
  )
}

export default DeleteModal;

Thanks!