eslint-error

demo.js

/* eslint-disable */
import React from 'react'
import PropTypes from 'prop-types'

import LibraryHeaderStyle from './LibraryHeader.module.scss'

const LibraryHeader = (props) => {
	const { selectedTab } = props


	const tabs = [
		{ index: 1, label: 'tab1' },
		{ index: 2, label: 'tab2' },
	]

	function selecTab(index) {
		selectedTab(index)
	}
	return (
		<div className={LibraryHeaderStyle.container}>
			<ul>
				{
					tabs.map(tab => (
						<li key={tab.index}>
							<button type="button" onClick={() => selecTab(tab.index)} onKeyDown={null}>
								{tab.label}
							</button>
						</li>
					))
				}
			</ul>
		</div>
	)
}

LibraryHeader.propTypes = {
	selectedTab: PropTypes.func.isRequired,
}

export default LibraryHeader

/* erorr is: 

20:17  error  Parsing error: Unexpected token =

*/

the fun thing is, it's even get the error if i disable eslint at the top of the file.