I need to get same value from Slider when I move it and from Input when I enter new value but it doesnt work correct

                            <StyledSlider
                            {register(NAMES.AMOUNT)}
                            defaultValue={5000}
                            value={typeof value === 'number' ? value : 5000}
                            min={5000}
                            max={50000}
                            onChange={handleSliderChange(NAMES.AMOUNT)}
                        />
                        <StyledLabel>
                            <StyledInput
                            {register(NAMES.AMOUNT)}
                                value={value}
                                onChange={handleInputChange(NAMES.AMOUNT)}
                                onBlur={handleBlur}
                                disableUnderline={true}
                            />