SomeComponent.js

import React from 'react';
import { useRecoilState } from 'recoil';
import { someTextState } from './state.js';

function SomeComponent() {
  const [someText, setSomeText] = useRecoilState(someTextState);
  
  const onChange = (event) => {
    setSomeText(event.target.value);
  };
  
  return (
    <div>
      <input type='text' value={someText} onChange={onChange} />
      Text: {someText}
    </div>
  );
}