Como passar dados de mapStateToProps para o componente pai?

Você pode usar a função de conexão de alta ordem do react-redux e exportar o componente retornado:

import { connect } from 'react-redux'

// Redux state data notesData will be available in props
const NotesComponent = ({notesData}) => { 
  return notesData.map((noteProps) => (
    <NewsCard {...noteProps} key={noteProps.id} />
  ))
}

const mapStateToProps = (state) => ({
  notesData: state.notes.notesData,
})

export default connect(mapStateToProps)(NotesComponent)

Ou, como NotesComponenté um componente de função, você pode usar react -hook useSelector em vez de usar connectpara ler dados redux:

// in a function component
import { useSelector } from 'react-redux'
...
const notesData = useSelector((state) => state.notes.notesData)

Editar:

Você também pode conectar o componente pai, ou seja, Notescom Redux e passar dados para NotesComponentadereços (para fazer NotesComponentum componente burro ou reutilizável):

interface NotesProps {
  notesData: write_your_type[]
  // ...
}

const Notes = (props: NotesProps) => {
  const { notesData } = props
  return (
    <Container>
      <NotesComponent data={notesData} />
    </Container>
  )
}

const mapStateToProps = (state) => ({
  notesData: state.notes.notesData,
})

export default connect(mapStateToProps)(Notes) 
// it now exports enhanced (with redux data in props) Notes component

E NotesComponent,:

export default const NotesComponent = ({data}) => { 
  return data.map((item) => (
    <NewsCard {...item} key={item.id} />
  ))
}