[Dúvida] Outra solução

Sempre procuro encontrar uma solução para o problema proposto antes de assistir à aula. Neste caso, encontrei uma solução diferente daquela apresentada pelo professor e gostaria de saber se há algum problema com ela. Não pude identificar nada e está funcionando perfeitamente. Também achei a minha solução mais simples.

import { useState } from 'react'
import Colaborador from '../Colaborador'
import './time.css'

const Time = ({ time, colaboradores, aoDeletar }) => {

    const [timeCor, setTimeCor] = useState(time.corSecundaria);

    const mudarCorTime = (e) => {
        setTimeCor(e.target.value)
    }

    const deletandoMembro = (e) => {
        console.log(e.target.parent)
    }

    return (

        colaboradores.length > 0 && <section className='time' style={{ backgroundImage: 'url(/imagens/fundo.png)', backgroundColor: time.corPrimaria }}>
            <input value={timeCor} onChange={mudarCorTime} type='color' className='input-cor' />
            <h3 style={{ borderColor: timeCor }}>{time.nome}</h3>
            <div className='colaboradores'>
                {colaboradores.map((colaborador, indice) => {
                    return <Colaborador 
                            key={indice} 
                            colaborador={colaborador} 
                            corDeFundo={timeCor} 
                            aoDeletar={deletandoMembro}
                            />
                })}
            </div>
        </section>

    )
}

export default Time