cannot read property "toFixed" of undefined

I have the following block of code:

export interface Record {Percentage_Emissions: number;Percentage_Emissions_Previous: number;Vs_Previous_Year: number;}const Info = ({  data}: {  data: dashboard.Results<Record>;}) => {  const styles = Styles(myStyles);  const record = data.results.records[0];  let redStyle =  record.Percentage_Emissions < 0    ? [styles.textInRed]    : [styles.textInGreen];    const percentageText =    record.Percentage_Emissions === undefined      ? `-`      : `${(          record.Percentage_Emissions * 100        ).toFixed(2)}${strings("data.percent")}`;

I just realised that the problem is with the render method, which calls:

<Text          style={[styles.text, styles.textLarge]}>{`${record.Percentage_Emissions.toFixed(2)}${strings("data.percent"        )}`}</Text>

I think the problem is that the render method assumes that Percentage_Emissions is defined, but I still don't know how to fix it.

In the emulator, the page crashes because of the error "Cannot read property "toFixed" of undefined. it is supposed to return a dash if no data was found, or else return the rounded information if it is available with conditional formatting. I can't see what is wrong with my code. Does anyone have any ideas on what is happening here?