How to fix Parsing error: Unexpected token, expected "," in index.tsx?

Question

i'm occuring that problem:

Line 9:38: Parsing error: Unexpected token, expected "," prettier/prettier

in index.tsx file.

import React, { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

const rootElement = document.getElementById('root');
const root = createRoot(rootElement as Element);

root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

reportWebVitals();

I can't find fix on the internet, anyone know how to fix that?

Answer 1

I found the issue by cloning into your repo. It is with "parser": "babel" in eslint.rc prettier/prettier.

Use "parser": "babel-ts" or "parser": "typescript".