cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

AppEngine tutorial

Sahil2308
Participant

Hi, 

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

(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

this is the code I wrote:

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

 

import React from "react";
import { SingleValue, Flex } from "@dynatrace/strato-components-preview";

interface CardProps {
  value: number;
  chartLabel: string;
  chartSuffix: string;
  chartPrecision: number;
}

export const Card = ({
  value,
  chartLabel,
  chartPrecision,
  chartSuffix,
}: CardProps) => {
  return (
    <Flex>
      {Number.isFinite(value) && (
        <SingleValue
          data={value}
          label={chartLabel}
          formatterOptions={{
            type: "customUnit",
            unit: chartSuffix,
            precision: chartPrecision,
          }}
        />
      )}
    </Flex>
  );
};
 
---------------------------------------------------------

P.S : Not a React expert 😅

2 REPLIES 2

Sahil2308
Participant

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

Sahil2308_0-1696160008561.png


looking forward for the updated videos and documentation

🙂.


hi @Sahil2308 

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

Best,
Sini

Featured Posts