reactjs Questions

4

I've tried to do user verification script for telegram web app for bots. I have no idea how to fix it. import sha256 from 'js-sha256' const telegram = window.Telegram.WebApp const bot_token = '&lt...
Aggri asked 26/4, 2022 at 8:32

4

Solved

I would like to be in a position to switch between themes in primereact rather than import one theme and then it affects my whole app and I don't have an option to switch between dark or light mode...
Belgae asked 10/7, 2021 at 11:39

5

Solved

The problem I'm making a website with a supabase backend, where people can make things called guides. Each guide has a dedicated dynamic path /guides/[id] and a dedicated edit page /guides/[id]/edi...
Dealing asked 7/12, 2023 at 9:22

4

I want to use a node library which relies on stream (require('stream')) within a React Native project. This is failing with error stream could not be found within the project because stream is a no...
Roselani asked 1/3, 2021 at 22:4

2

Solved

I want to get location information by using Geolocation API in react. I made a button to get location info in this code. import React, { Component } from 'react' class App extends Component { c...
Semitone asked 21/4, 2019 at 7:21

4

I want to adjust my textarea height dynamically with Refs and pass it to the state but it don't work correctly. I created a codesandbox to help you to understand what exactly I want. https://code...
Buffybuford asked 28/2, 2019 at 1:42

9

Solved

I am trying to create a new nextjs app but I get a npm ERR! ENOTEMPTY: directory not empty error. Please the image below Its been working fine for the past year I am not sure what really happened....
Banas asked 17/3, 2023 at 19:40

5

I have these tiles that are clickable which while send the user to some external page plus a button inside of the tile that should route the user to some page inside of the site. The problem with t...
Wormeaten asked 3/2, 2021 at 23:42

3

Solved

trying to use "@material-tailwind/react": "^2.1.9" in "next": "14.1.4" "use client"; import { Button } from "@material-tailwind/react"; ...
Smorgasbord asked 9/4 at 7:50

3

Solved

Some odd behaviour on a TextInput on a Modal in React Native Paper. When I type a character, it is input into the text box, but then the cursor flashes back (as if it is deleted) and then it reappe...

2

Solved

I've added NextUI to my NextJS 14 app The issue has been isolated to the ThemeProvider in my main providers.tsx file: 'use client'; import { NextUIProvider } from '@nextui-org/react'; import { The...
Natividadnativism asked 28/3 at 14:50

3

I want to link from one view to another and then scroll to a specific element. I'm not intrested in any animations, only want to have the element in view. The link from one view to another is done ...
Ermeena asked 22/4, 2022 at 21:40

6

Solved

I want to use a state variable (value) when a modal is closed. However, any changes made to the state variable while the modal is open are not observed in the handler. I don't understand why it doe...
Freudian asked 13/9, 2022 at 4:0

3

Solved

I have the below component as the main layout. When I click on the menu item, I want them to navigate to the home, holiday calendar, and event pages. What can I do with this horizontal menu? The be...
Munoz asked 6/11, 2022 at 18:34

3

I have a built a react app. Where i want to render pdf, doc or docx files dynamically.I tried google document viewer and Microsoft Office 365 viewer Both are not consistence. Is there any react li...
Overbite asked 23/3, 2018 at 11:53

4

Solved

I'd like to use custom themes in Tailwind config to set primary/secondary colors for light and dark mode. The Tailwind docs only go over using classes in an html/jsx element like so: <div class=...
Exurbanite asked 20/2, 2022 at 5:9

5

Solved

My Codes: /** * Sample React Native App * https://github.com/facebook/react-native * * @format */ import React from 'react'; import { createDrawerNavigator} from '@react-navigation/drawer'; im...
Innocent asked 25/1 at 12:18

3

Solved

I have a component that has dynamic class names based on the state of the component. The initial state of the menu component is false so an exit animation triggers when I load the site. I'm trying ...
Detoxicate asked 29/8, 2020 at 17:18

3

Solved

In React, Autocomplete Chrome values don't trigger onChange event immediately. Thus it causes a collision of MUI TextField Label and actual values, during initial loading of page. How can I resolve...
Piane asked 3/8, 2023 at 18:26

4

listeners from dnd-kit are interfering with the input:checkbox's onChange event When I work with input:checkbox onchange event dnd-kit's {...listeners} interfere with the onchange event. Listeners ...
Analog asked 3/11, 2023 at 9:16

2

I'm trying to achieve autofocus functionality when fields are empty .. but in this situation autoFocus always works <Controller name="sum" control={control} render={({ field: { valu...
Rumilly asked 25/5, 2022 at 12:24

2

I want to start my NextJS project from build folder (.next). I ran next build command, got .next folder and... I tried start project from .next folder many times and used a lot of ways, but I wasn'...
Expedite asked 14/9, 2020 at 15:6

4

Solved

How can the clamp() CSS function be used with TailwindCSS to make the fontSize linearly scale between a min and a max value? Interested in particular about integrating with Next.js.
Coccid asked 26/4, 2023 at 17:58

3

I want to find text* in Lexical JS and apply a highlight style to all matches. import {useLexicalComposerContext} from "@lexical/react/LexicalComposerContext"; import {$createRangeSelecti...
Loaf asked 30/9, 2022 at 16:38

6

There are a lot of errors in my application console. How to fix it? Next js 13.2 / app directory Import trace for requested module: ./node_modules/@aws-sdk/util-user-agent-node/dist-cjs/is-crt-avai...
Scissure asked 27/2, 2023 at 4:51

© 2022 - 2024 — McMap. All rights reserved.