Problem with fetching fields from table

i started an app and try to show table fields in my app
i used a code from guides as axemple, but when i request fields by their names it shows as undefined, but field record.id is displayed ok
i have table with wields Title, Price etc, but only record.id have value in app, but in table all fields have value
my code

1import {
2    initializeBlock,
3    useBase,
4    useRecords,
5} from '@airtable/blocks/ui';
6import React from 'react';
7
8function HelloWorldApp() {
9    // YOUR CODE GOES HERE
10    const base = useBase();
11    const table = base.getTableByName('events');
12    const records = useRecords(table);
13
14    const events = records.map(record => {
15        return (
16            
17                {record.Price || 'not named record'}
18            
19        );
20    });
21
22    return (
23        
{events}
24    );
25}
26
27initializeBlock(() => );
28