Category "reactjs"

Fixed Table Header React-Bootstrap-Table-Next

I'm having issues making my table header fixed when scrolling. My React Table: <div className="Rules-Container"> <BootstrapTable striped

Can we use object destructuring for useState() in reactjs hooks?

As from the documentation from Hooks in Reactjs, const [count, setCount] = useState(0); they use array destructuring. Can we use object destructuring in pl

How to paginate Cloud Firestore data with ReactJs

I'm working with Firebase - Cloud Firestore and at the moment I would like to paginate all the records available. I already have a list of records and what is l

get value when updated,outside of formik using useRef()

I'm trying to get the value of an autocomplete field outside of my formik component everytime it changes, and i did something like this: const formRef=useRef<

Use imports with string that comes from localStorage

I need to show/hide different menu based on rights that are send from database and saved in localStorage. Here is the imported menus import tripOrders from './t

React native randomly crashes with error 'Attempted to remove more RCTKeyboardObserver listeners than added'

My react native project on iOS simulator crashes randomly with this error when I open and close the ChatRoom screen, I guess it's a problem with the react nativ

Why is my favicon not working in my next js app?

For some reason my favicon is not working. I have the favicon saved as favicon.ico in the /public directory and am referencing it in the <Head> of my pag

How to assign two refs to same element

Here I am trying to assign React dnd "drag" ref to existing ref but it is not happening, can any one please help me. const refs = useRef<(HTMLDivElement |

How to theme Material UI inside Storybook

Currently this is what I am doing, passing a ThemeProvider above my component file: import React from 'react'; import { ThemeProvider, createMuiTheme } from '@

How to create multiple node types with mdx in Gatsby?

I am trying to create multiple content types in Gatsby using mdx (instead of remark). I am having trouble sifting through old methods of handling remark and new

Module not found: Can't resolve '@date-io/date-fns'

I'm using React Material UI and I get this error : Module not found: Can't resolve '@date-io/date-fns'. Here are the dependencies that I have in my package.jso

Issue: React-Native - Keyboard closes on each keystroke for TextInput

Full disclaimer upfront for this one - I've been working with react native for around a week or two, and I suspect that I've encountered this issue without full

Fit parent height for Table in Material UI?

I want the table height to fit the parent’s available height. Ideally, I want: The footer to always be docked at the bottom of the parent container. If t

How do I display the content of React Quill without the html markup?

I managed to get my Quill working, but now I wanted to make a nice splitscreen as we have on this forum but one thing I haven't been able to figure out is how t

ReactXP: "'length' is missing in type" for array of interface

I am using ReactXP (which uses TypeScript) to code a chat client that displays a single panel that contains a stack of messages in the top part and a form at th

Redux-toolkit multiple AsyncThunk at one slice

What is the best approach to manage multiple AsyncThunk at single slice. Would be correct if I put computed properties of each async action? export const regist

How to render API data into React Frontend using functional components?

I have successfully created a backend API using Node+Express+MSSQL and tested out the routes using POSTMAN. Now the challenging part is when I try to render the

Message 'Caching failed for pack: Error: Unable to snapshot resolve dependencies' when creating a nextjs application

I tried to create a nextjs application; when i run npm run dev, i got the following error message: <w> [webpack.cache.PackFileCacheStrategy] Caching faile

CORS request did not succeed - react

I make this API request , using axios in ReactJS axios.post(`${API_URL}/valida_proximo`, { id: images.map(image => image.id) }, getAxiosConfig()) //

Login with Google: How to programmatically open prompt for user consent and get the CredentialResponse on success

I am trying to trigger the Prompt for User Consent to open on clicking a custom html button rather than the Login iframe button rendered by Google. I am using S