Questions tagged [react-select]
A Select control built with and for React JS
react-select
2,010
questions
1
vote
2
answers
62
views
How do I set a state from a prop in React?
I am newish to React and am using React Select (https://react-select.com/) to create a dropdown list. I want to wrap this in my own component, so I can send React Select a specific set of props based ...
- 15k
0
votes
0
answers
24
views
How to handle error in react-select using Formik
I'm working on a NextJs application using react-select within formik for form management and Yup for validation. I'm relatively new to these libraries and facing issues with handling errors ...
0
votes
0
answers
29
views
Why getting an useState error when adding the "react-select" package [closed]
I try add the react-select to my app
add the code from the npm
import React, { useState } from 'react';
import Select from 'react-select';
const options = [
{ value: 'chocolate', label: 'Chocolate' ...
- 1,945
1
vote
2
answers
45
views
Install a TypeScript package from GitHub repository subfolder
I'm using react-select on my ReactJS module, and I needed to make some changes to fit my needs.
But now, I'm trying to install my own fork using NPM, and it doesn't work.
Error message:
Module not ...
0
votes
1
answer
53
views
React-Select focus jumps away when menu is opened
I use a controlled Select element from React-Select inside a form. Whenever I try to open the Select's menu, the focus jumps away to the first input in the page. I can't figure out why.
Here's my ...
0
votes
1
answer
37
views
react select library select component take first value as select option default in tab press navigation case
when we use react select in our project and we navigate or focus on it using tab at that time drop down menu is open than next when we press tab key and navigate to other component at that time it is ...
0
votes
0
answers
47
views
Typescript generic component
I am trying to create a generic select box using react-hook-form and react-select:
import { Control, Controller, FieldPath, FieldPathValue, FieldValues } from "react-hook-form";
import ...
- 2,696
0
votes
0
answers
34
views
How mapping onChange value react-select v5
How to fix this error without any when I try to map a value with onChange in react-hook-form?
Errors:
Array:
An argument of type "T[]" cannot be assigned to a parameter of type "...
- 1
0
votes
1
answer
17
views
React-Select compressed and not completely unwound
I have a problem with a React select component,
It doesn't unwind completely, the drop-down menu only displays part of the options and
I have a scroll bar on the right to scroll through the rest of ...
0
votes
0
answers
27
views
I'm dealing with a react-select problem zIndex related
This is the problem: the dropdown of my Select component should open normally, but instead, it pushes the container, activating the overflow-scroll.
I've tried a bunch of solutions I found here, but ...
0
votes
0
answers
28
views
React Select clear selected value when changing another selector
I have two selectors using React-Select, the Post select component should be automatically fulfilled by changing Category select component. These 2 components are both in Blog components, and each of ...
- 229
0
votes
0
answers
23
views
Blue border about text in multi select in react-select
I am getting a blue box around my text in react-select multi input,
Here is the code for this component
import React, { useEffect, useMemo } from 'react';
import { useSelector } from 'react-redux';
...
0
votes
1
answer
284
views
Shadcn dialog and react-select position issue (z-index)
I want to render react-select dropdown inside shadcn dialog. I'm rendering select using portal to document.body and the problem is that once it is open, I cannot click it because its somehow rendered ...
- 67
0
votes
0
answers
34
views
How to directly update the options in react-select?
I'm using library react-select, and i want to achieve something like the image below, meaning that when I click on edit, I can directly edit the options inside. I tried the code below, but I ...
0
votes
0
answers
24
views
Focus issue in react chakra async select
react-select code
In first time input value is loss and after tying new word after show the options.
<AsyncSelect
{...register(`formFields.${index}.product_id`)}
menuPortalTarget={document....
