Javascript – How can i create a route with underscore in next 13?
I want to create a URL address that start with an underscore but i cant because next.js dacument said it was a private folder! how can i do it? example: /shop/_t-shirt
Html – Prevent Scrolling Beneath Fixed Nav Menu
I've been looking for a solution for my problem for a bit and I can find many articles for similar issues, but nothing that quite solves my problem. I have an app written in React. On the mobile version of…
Reactjs – How can i provoke a revaluation of a react component when user copies something on their ClipBoard?
I am trying to build a component with some validations depending on user's clipboard. import { useState } from 'react' export default function useCopiedFromClipboard() { const [copiedData, setCopiedData] = useState<string>('') navigator.clipboard .readText() .then((text) => { setCopiedData(text) }) .catch((err) => {…
Reactjs – Why useRef doesn't update when referenced value is updated?
I have a code: const page = useRef(1); const nextPage = useRef(page.current + 1); I was wondering why nextPage won't update when I update page? Since nextPage is referencing page.current that is getting updated? page.current = 5;
Javascript – Data saved as "[object%20object]" in my Firestore
Whenever I tried to register in SignUp.js, in the region section, it will be saved as "object Object" in my Firestore: In sign up, user have to choose the state and region, I fetched the state and region using an…
Css – How can I apply padding to both the TextField input and label in Material UI?
I have started using Material UI for a project. I created a TextField for a form field as shown below. I am trying to apply padding to this input field as demonstrated below, but the label is not being affected…
Javascript – React PDF Display issue with Bundle.js Uncaught SyntaxError: Unexpected token '<' and url not loading
I am trying to display a pdf on my web page using the react-pdf library, however whenever I try to load the page I get the following error: Uncaught SyntaxError: Unexpected token '<' at handleError (http://localhost:3000/static/js/bundle.js:187976:58) at http://localhost:3000/static/js/bundle.js:187995:7 And I…
React native – How can I stop my child components re-rendering?
I'm attempting to re-create Airbnb's IOS calendar (date range picker) with React Native. I'm running into a performance issue where I'm noticing that the animation of things such as TouchableHighlight or TouchableOpacity are being blocked by all the day squares…
Reactjs – Prevent open dialog onClick of a button with react-dropzone
I use react-dropzone to upload files. When files are uploaded, they are stored in an array, which I use to list all items uploaded. I added a button on the side of each li to delete the specific file from…
Reactjs – Set environment variables from Cypress to access in react app
We are using cypress to run automated tests and need to pass an environment variable to detect whether the app is run by cypress or not? I'm aware that NODE_ENV is set automatically by react to development | production but…