Questions tagged [rsuite]

55 questions
7
votes
2 answers

TypeError: webpack.DefinePlugin is not a constructor

I am trying to add a plugin to my webpack.config.js file but when I do I get this error. [webpack-cli] Failed to load '/Users/slatifi/git/hcah/webpack.config.js' config [webpack-cli] TypeError: webpack.DefinePlugin is not a constructor at…
Saif
  • 422
  • 5
  • 19
4
votes
1 answer

react suite (rsuite) package installation is failing

When I tried to install rsuite (version 4.9.3) package using the command, npm i rsuite I am getting this error. Can anyone help me with this installation process? npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR!…
MikhilMC
  • 949
  • 3
  • 8
  • 14
3
votes
1 answer

React Suite (rsuitejs) CSS conflicts

(Beginner here) I have a react project created with create-react-app, in a module I am importing rsuite (v5) components and styles as following: import 'rsuite/dist/rsuite.min.css'; import { DateRangePicker, InputPicker } from 'rsuite'; but rsuite…
KThiseas
  • 31
  • 2
2
votes
1 answer

rsuite date range selector- remove 'Ok' button

I am using rsuite for date range selector in my react app, but I don't want the highlighted 'Ok' button. How can we select a date range without that button? capture
2
votes
2 answers

How to filter a table using multiple user inputs on a React.js app

I have 2 main components on a react app: one is a table with a bunch of data (using Rsuite Table), the other, above the table, is just a div with multiple input text fields. As simple as this: If, for example, on the 'firstName' input field, the…
TiagoRibeiro
  • 306
  • 6
  • 24
2
votes
2 answers

Input tag onChange returning undefine value

I have been stuck on one issue to fetch the input text field from the input field. Essentially, I want to make a search function that gets the text and processes it further. Please refer to the code for the information and returning div is at the…
bugger
  • 31
  • 4
2
votes
0 answers

React suite date-range picker not working in prod

I successfully added the react-suite date-range picker to my code and I was able to test it out locally but when I moved to the staging environment, the picker/input appears but the calenders do not when you click on it. There are no errors on the…
kwanj
  • 76
  • 1
  • 7
2
votes
1 answer

How to apply CSS to AutoComplete' List from rsuite component

I'm tryin to apply style to the list of this component from Rsuite: https://rsuitejs.com/components/auto-complete#%3CAutoComplete%3E I wanna set a max-height, and overflow. At the moment I tried to set style={{maxHeight: 150px}} but it applies to…
Nehlk
  • 31
  • 1
  • 4
1
vote
1 answer

rsuite Popover component accessible via keyboard's tab key

I used rsuite Popover to create popover with two buttons. When I get focus to the popover button using keyboard tab and clicked enter button, Popover dialog box successfully opened with two buttons. But when I click again tab button to go inside…
1
vote
1 answer

ErrorMessage in Rsuite cant overflow in table row

enter image description here Look at my picture. I have an issue like this. I cant find out my way to show my error tooltip over my row in my table. Someone have met this trouble before. Any suggest for me? I have try to set overflow property is…
1
vote
0 answers

why do I get sample is too sparse to find TD using beanplot?

I am trying to draw a beanplot with the following code: library(beanplot) beanplot(df, col="#cccccc", names="plot-1", yaxt="n", overallline="median", ll=0.00001) I get the following error: Error in bw.SJ(x, method = "dpi") : sample is too sparse…
Exploring
  • 2,493
  • 11
  • 56
  • 97
1
vote
1 answer

rsuitejs Check Picker closes after changing

I'am using React Suits components in my project and when i try to use the CheckPicker component it keeps closing after each check and i have to reopen the popup to do my second check here's my code const SolvedModal =(props)=>{ const…
1
vote
1 answer

rsuite table render dynamic column and row

I would like to render table columns and rows in rsuite table dynamically according to the data passed without hardcoding the column and data. import { Table, Column, HeaderCell, Cell, RowDataType } from 'rsuite-table'; import …
1
vote
1 answer

Input value is showing undefined (reading 'value') while using rsuite library

It is basically rsuite@4.10.2 version const [user, setuser] = useState('') {setuser(e.target.value)}} id="user"/>
1
vote
2 answers

How to Use React Suite with tailwind css in Next.js?

Description I want to use React Suite and tailwind so I install tailwind following the installation instructions from the documentation and it's working fine, but when I install React Suite and add some configuration in the next.config.js file…
1
2 3 4