# AppEngine tutorial

**URL:** <https://community.dynatrace.com/t/appengine-tutorial/41868>\
**Category:** Developer Q&A Forum\
**Tags:** dynatrace-saas, appengine\
**Created:** [October 1, 2023, 7:34am UTC](https://community.dynatrace.com/t/appengine-tutorial/41868 "2023-10-01T07:34:12Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sahil2308](https://avatars.discourse-cdn.com/v4/letter/s/edb3f5/32.png) [@Sahil2308](https://community.dynatrace.com/u/Sahil2308)\
**Post date:** [October 1, 2023, 7:34am UTC](https://community.dynatrace.com/t/appengine-tutorial/41868/1 "2023-10-01T07:34:12Z")

</div>

Hi,

I have started going through the training videos for creating an application.

([https://developer.dynatrace.com/getting-started/tutorial/create-user-interface/](https://developer.dynatrace.com/getting-started/tutorial/create-user-interface/)).  
I am stuck on the above step, getting the following error.

 ![Sahil2308_0-1696145514987.png](https://global.discourse-cdn.com/dynatrace/original/3X/0/f/0fa9982babf33335990379bcd7d7e07527bc8bf6.png)

this is the code I wrote:

---------------------------------------------------------

import React from “react”;import { SingleValue, Flex } from “@dynatrace/strato-components-preview”;  
interface CardProps {&nbsp; value: number;&nbsp; chartLabel: string;&nbsp; chartSuffix: string;&nbsp; chartPrecision: number;}  
export const Card = ({&nbsp; value,&nbsp; chartLabel,&nbsp; chartPrecision,&nbsp; chartSuffix,}: CardProps) =\> {&nbsp; return (&nbsp; &nbsp; \<Flex\>&nbsp; &nbsp; &nbsp; {Number.isFinite(value) && (&nbsp; &nbsp; &nbsp; &nbsp; \<SingleValue&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data={value}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; label={chartLabel}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; formatterOptions={{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type: “customUnit”,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; unit: chartSuffix,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; precision: chartPrecision,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }}&nbsp; &nbsp; &nbsp; &nbsp; /\>&nbsp; &nbsp; &nbsp; )}&nbsp; &nbsp; \</Flex\>&nbsp; );};---------------------------------------------------------

P.S : Not a React expert 😅

---

<div class="post-metadata">

**Author:** ![Sahil2308](https://avatars.discourse-cdn.com/v4/letter/s/edb3f5/32.png) [@Sahil2308](https://community.dynatrace.com/u/Sahil2308)\
**Post date:** [October 1, 2023, 11:35am UTC](https://community.dynatrace.com/t/appengine-tutorial/41868/2 "2023-10-01T11:35:12Z")

</div>

After reading through the documentation, found out its being removed:

 ![Sahil2308_0-1696160008561.png](https://global.discourse-cdn.com/dynatrace/original/3X/f/8/f87264278f53ca492358f1c7815b704ee5a9e0c5.png)

looking forward for the updated videos and documentation

🙂.

---

<div class="post-metadata">

**Author:** ![sinisa\_zubic](https://dub1.discourse-cdn.com/dynatrace/user_avatar/community.dynatrace.com/sinisa_zubic/32/32498_2.png) [@sinisa\_zubic](https://community.dynatrace.com/u/sinisa_zubic)\
**Post date:** [October 2, 2023, 3:11pm UTC](https://community.dynatrace.com/t/appengine-tutorial/41868/3 "2023-10-02T15:11:36Z")

</div>

hi&nbsp;[@Sahil2308](https://community.dynatrace.com/user/53859)

We are aware that the that the FormatterOptions got removed and the tutorial will be soon updated.

Best,  
Sini