Update app.py

app.py

@@ -7,8 +7,14 @@ from streamlit.components.v1 import declare_component
 groq_api_key = os.getenv('GROQ_API_KEY')
 client = Groq(api_key=groq_api_key)
 
+# 現在のファイルのディレクトリを取得
+current_dir = os.path.dirname(os.path.abspath(__file__))
+
+# buildディレクトリの絶対パスを作成
+build_dir = os.path.join(current_dir, "frontend/build")
+
 # カスタムReactコンポーネントの宣言
-react_component = declare_component("react_component", path="frontend/build")
+react_component = declare_component("react_component", path=build_dir)
 
 st.title("Advanced Artifact Prototype with Groq and LLaMA 3")
 
@@ -57,5 +63,6 @@ if st.button("Generate"):
             st.components.v1.html(response, height=600)
         elif artifact_type == "application/vnd.ant.react":
             # Reactコンポーネントをレンダリング
-            react_component("ReactComponent", {"code": response})
+            react_component(name="ReactComponent", code=response)
             st.code(response, language="javascript")
+