Missing Files.

[FatemaD1577]

I tried implementing the the custom slider but facing typescript issue as shown below:

Also, in the tutorial a file StreamlitReact.tsx is mentioned but it is not present in the github repository. Refer the below screenshot. Where can I download that file from?

[andfanilo]

Hi @FatemaD1577

facing typescript issue as shown below:

hmmm that's odd, is that coming from your code? It does not look like it..try reinstalling the npm packages npm install baseui styletron-engine-atomic styletron-react @types/styletron-standard @types/styletron-react @types/styletron-engine-atomic from the root of the frontend folder, maybe you are missing new typings which were added?

Also, in the tutorial a file StreamlitReact.tsx is mentioned but it is not present in the github repository. Refer the below screenshot.

Hmmm I thought I had removed all of those. StreamlitReact is now in its own npm package (it is streamlit-component-lib in the package.json file, the source code is https://github.com/streamlit/streamlit/blob/develop/component-lib/src/StreamlitReact.tsx) and you import withStreamlitConnection with

import {
  ComponentProps,
  Streamlit,
  withStreamlitConnection,
} from "streamlit-component-lib"

see example in https://github.com/andfanilo/streamlit-lottie/blob/main/streamlit_lottie/frontend/src/StreamlitLottie.tsx

Good luck! Fanilo

[FatemaD1577]

Hi @andfanilo,

Thanks for the prompt reply. I have not yet included my code but trying to implemented the the custom slider as it is given in the tutorial.

Thank you for clearing the doubt regarding the StreamlitReact.tsx file

I tried reinstalling the npm packages but still getting the same error.