Problema com o Props do Filtro

import React from 'react';
import filtros from './filtros.json';
import styles from './Filtros.module.scss';

type IOpcao = typeof filtros[0];

interface Props {
    filtro: number | null;
    setFiltro: React.Dispatch<React.SetStateAction<number | null>>;
}

export default function Filtros(({ filtro, setFiltro }: Props)) {

    function selecionarFiltro(opcao: IOpcao) {

    }
    return <div className={styles.filtros}>
        {filtros.map((opcao) => (
            <button className={styles.filtros__filtro} key={opcao.id} onClick={() => selecionarFiltro(opcao)}>

            </button>
        ))}
    </div>;
}

Erro:

Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C:\Users\Jander Tabosa\Desktop\Programação\Projetos\Projetos VSC\aluroni\src\pages\Cardapio\Filtros\index.tsx: Unexpected token (12:32)