I have a component that holds the four different components const ProtectedRoute = () => { return ( <> <Header /> <div className='flex h-screen overflow-hidden'> <div className="md:block hidden fixed top-[25%] ml-2 opacity-80 hover:opacity-100"> <AdminLinks /> </div> <div className="w-3/4 overflow-auto"> <div…
I have a problem with my weatherApp, the first API is working and I'm getting all of the data, but I also want to include air pollution but this isn't working, I have the coordinates its asking for but the…
I'm using blade with Vite for front-end and I want Vite to handle and version all of my .scss,.js, and static assets files this is from the documentation : import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; export…
HelloWorld! I'm coding a Memory Game that display the time you're taking to finish the game. My code provided is just a more basic Vue template of the feature I use, but it's a fairly similar use case. My problematics…
Node version: 18.17.1 Npm version: 9.8.1 I have installed mqtt using: npm install mqtt It's working there without any problem. Code is as below: import { useState } from 'react' import './App.css' import * as mqtt from 'mqtt' function App()…
I am using Laravel 10, Vite and Vue I want to use two component inside my App.vue Here is my App.vue file : <template> <div> <AppHeader></AppHeader> ... Content ... <AppFooter></AppFooter> </div> </template> <script setup> import AppHeader from "./components/partials/AppHeader.vue"; import AppFooter…
import { useState } from "react" function App() { const [color, setColor] = useState("olive") return ( <div className="w-full h-screen duration-200" style={{backgroundColor: color}} ></div> ) } export default App Above code is not giving output. I tried to change the background…
I am trying to setup a microfrontend for my project and at base I am using vite to setup my react/typescript applications. I've installed the vite plugin for module federation. And these are my vite.config.ts: Host: import { defineConfig }…
I tried using useContext() in my react-app via vite but it gives an error "ReferenceError: AuthContext is not defined" App.js is given below: /*eslint-disable*/ import SomeComponent from './SomeComponent'; import './App.css'; const AuthContext = createContext(null); function App() { const [someValue, setSomeValue]…
Message Event console.logs MessageEvent info SO, as you guys can see in the img, im getting swated by this console.logs, and need help removing them, it says they come from a conten getdify.js I know it is something i'm doing…