So I literally tried fetch and switch to axios to see what was wrong and still says my API key is undefined `import axios from "axios"; const apiKey = process.env.OPENAI_API_KEY; console.log(apiKey); axios .post( "https://api.openai.com/v1/chat/completions", { model: "gpt-3.5-turbo", messages: [{ role:…
I am making a portfolio website for myself as a React webapp. I would like to have a Resume page on the website which would simply display my Resume. When I had originally made a HTML version of my website…
const [selectedDepartment, setSelectedDepartment] = useState(""); const DepartmentDropdown = () => { const handleSelectChange = (event) => { setSelectedDepartment(event.target.value); }; const handleSubmit = (e) => { e.preventDefault(); console.log(email); }; return( <div> <label htmlFor="departments">Select a Department:</label> <select id="departments" value={selectedDepartment} onChange={handleSelectChange} > <option…
Pretty straight forward. I have a table (a list) shown on my webpage in react and want the user to filter the table to show what is clicked on the dropdown menu. I've tried a lot of things, spent hours…
For some reason in my react app, the following code triggers a compilation error in Webpack using the typescript loader (ts-loader): handleEdit(): void { window.location.href = `/edit/${this.props.entry.id}`; } TS2540: Cannot assign to 'href' because it is a read-only property. I…
I have created a component and am using useState to update an area of it where it expands when a button is clicked. When I map multiple instances of this component and click the expand button on one of them,…
The tag <mesh> is not recognized in the browser. I am building a react and three.js project for which my 3D model is not loading. I tried many ways by seeing the documentation and other things but it was not…
Home Component const Home = ({ mode, setMode }) => { return ( <Box m={-1} sx={{overflowX:'hidden'}}> <Navber/> <Stack direction="row" spacing={2} justifyContent="space-between"> <Leftbar/> <Feed/> <Rightbar/> </Stack> </Box> ); }; Leftbar const Leftbar = () => { const styles = { typo:…
We are developing an application using React Native and everything was going smoothly. We decided to upgrade ReactNative (and other packages) from 0.70.4 to 0.71.3 and since then, two screens don't work anymore. On Android, we are getting a Render…
I want to add Route to my Shop component and show CollectionOverview component but the CollectionOverview component is not showing and there are also no errors in console. import React from 'react'; import { Route, Routes, useLocation } from 'react-router-dom';…