StarsPicker.tsx

import { RecoilState } from 'recoil';
export interface IStarsPickerProps {
  state: RecoilState<number>;
}
export const StarsPicker =({ state }: IStarsPickerProps) => {
  const [value, setValue] = useRecoilState(state);
  return (
      <ReactStars
        name="raring"
        value={value}
        onStarClick={(r: number) => setValue(r)}
      />
  );
};