Erro ao pegar infos no state do React

Opa,me chamo Yuri e estou praticando React em um projeto pessoal e me surgiu uma dúvida...

Estou tentando passar as lista de tarefas para poder criar uma tr através da função map mas ele diz que a função map esta undefined..

import React, {Component} from 'react'
import Header from './header/header'
import TodoForm from './todo/todoForm'
import TodoTable from './todo/todoTable'

export default class App extends Component {
    constructor(props){
        super(props)

        this.state = {tarefas:'', lista : []}

        this.valueTarefa = this.valueTarefa.bind(this)
    }

    valueTarefa(e) {
        this.setState({...this.state, tarefas: e.target.value})
    }

    render() {
        return (
            <div>
                <Header />
                <TodoForm tarefas={this.state.tarefas} valueTarefa={this.valueTarefa}/>
                <TodoTable lista={this.state.tarefas}/>
            </div>
        )
    }   
}

aqui é onde eu tento criar a funcao de teste para passar a lista atualizada mas não sei onde esta o erro

import React from 'react'
import './todoTable.css'

export default props => {

    const teste = () => {
        const lista = props.lista
        return lista.map(tarefa => (
            <tr>
                <th>{tarefa.lista}</th>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
        ))
    }

    return (
    <div className="container table">
        <h2>Esta semana</h2>
        <table>
            <thead className="thead-light table-bordered">
                <tr>
                    <th scope="col">Tarefas</th>
                    <th scope="col">Prioridade</th>
                    <th scope="col">Status</th>
                </tr>
            </thead>
            <tbody>
                {teste()}
            </tbody>
        </table>
    </div>
    )
}