476,920 questions
-1
votes
0
answers
30
views
React Leaflet update external component when click on map
A very cool feature of dashboards is a map (e.g. a choropleth world map) that when you click on it (e.g. you click on a country) other tables and charts in the dashboard are updated to show country ...
0
votes
0
answers
24
views
Should I split useWatch into individual calls to avoid unnecessary useEffect triggers in React Hook Form?
I'm using React Hook Form along with useWatch and useEffect. I’m currently watching multiple fields using a single useWatch call:
const [isRevolving, facilityGroup, facilities, payerGroupRates, ...
0
votes
1
answer
44
views
Simple zustand store with persist do not get storage in local storage
I create this following zustand store. For now it's fairly simple, I would like to update functionality later.
import { create } from 'zustand';
import { persist } from 'zustand/middleware';
export ...
0
votes
0
answers
34
views
tauri clipboard-manager.write_text not allowed
this React code
import { message } from "@tauri-apps/plugin-dialog";
import { writeText } from "@tauri-apps/plugin-clipboard-manager";
async function copy() {
try {
...
2
votes
1
answer
36
views
Laravel 12 Sanctum + React Vite blocked by CORS policy
I created an app using Laravel 12 + Sanctum and react.
Locally in my laptop my app is working properly then I upload it to a Windows Server (IIS). With the same port 5173 of React and port 82 for the ...
2
votes
2
answers
40
views
Navbar animation flickering only on IOS Device
This is for a Navbar component that only shows up after the user scrolls to a certain section.
At start it should not take up any space in the view.
This works fine as intended.
But observing a ...
0
votes
1
answer
36
views
Trying to get Draggable to work on a React-Vite-TailwindCSS project
I am trying to use React-Draggable to allow components on my page to be draggable, but every time I wrap the element with <Draggable />, nothing seems to render. This only occurs when the ...
0
votes
0
answers
18
views
Implementing Lightweight chart custom plugin with konva
I am developing a trading terminal using TradingView’s Lightweight Charts and want to create custom interactive drawing tools.
The Lightweight Chart custom plugin system requires drawing directly on ...
1
vote
4
answers
65
views
Why does the input field lose focus after typing a character unless I add autofocus, but still the whole page reloads?
I have an input field that loses focus and reloads the entire page after every letter added, and when I add an autofocus the page maintains focus but still reloads the page. How do I fix this?
...
0
votes
0
answers
26
views
loading Geographies of react-simple-maps with local json file
I am looking to create a simple global map with react-simple-maps, as I have before, but this time I cannot seem to get the topojson file in the project's /public folder to load as the source for <...
0
votes
0
answers
18
views
Firebase/auth mock with JEST is not recognised
Im trying to test an error state which get updated when no foundEnterprise match is found:
async function onSubmit (data) {
try {
const enterprisesData = await fetchData()
const ...
0
votes
0
answers
16
views
Bottom sheet incompatibility in react expo project
Created a project and added bottom-sheet dependency from gorhorm. Can't make it work at all. Error I am getting is the following: [runtime not ready]: TypeError: getDevServer is not a fucntion (it is ...
-3
votes
0
answers
30
views
Is there any way to fix the cors error here nest.js and .htaccess?
I got this error shown here. I think I made the full logic correctly but I still face the problem. I am using nest.js and react.
Access to XMLHttpRequest at 'https://api.my-domain.com/sector-flags/...
1
vote
0
answers
45
views
Header alignment with sort/filter icons in PrimeReact DataTable
I have a PrimeReact DataTable with multiple columns.
Each column has a text header, optionally with sort and filter options.
Alignment of the columns can differ, and I would like the alignment of the ...
0
votes
1
answer
51
views
scrollbar appears, but modal not scrollable via trackpad or mouse
I'm building a React component that acts as a modal with scrollable content. The issue is:
The modal content can be scrolled by dragging the scrollbar
But the content does not respond to mouse wheel ...