Базовый React. Не работают props

import AppInfo from '../app-info/app-info';

import './app.css';

function App() {

    
    const appInfoData = {
        nameOfCompany: 'Rust',
        allEmployees: 22,
        awardRecivded: 5,
    };
    

    return (
        <div className="app">
            <AppInfo appInfoData={appInfoData}/>

        </div>
    );
}

export default App;

import "./app-info.css";

const AppInfo = (props) => {
    return (
        <div className="app-info">
            <h1>Учет сотрудников в компании: {props.nameOfCompany}</h1>
            <h2>Общее число сотрудников: {props.allEmployees}</h2>
            <h2>Премию получат: {props.awardRecivded}</h2>
        </div>
        
    )
}


export default AppInfo;