If value is a NaN, it causes an infinity render

[bhbs]

same as #2280

React version: v18.2.0

Reproduction

https://github.com/bhbs/recoil-repro-2298

import { atom, useRecoilValue } from "recoil";

const Atom = atom({
  key: "someKey",
  default: NaN,
});

function App() {
  const recoilValue = useRecoilValue(Atom);
  return <div>{String(recoilValue)}</div>;
}

export default App;

Current behavior

Expected behavior

Rendered successfully

How to fix

State should be compared using Object.is

Recoil/packages/recoil/adt/Recoil_Loadable.js

Lines 52 to 55 in c1b97f3

	is(other: Loadable<mixed>): boolean {
	// $FlowFixMe[prop-missing]
	return other.state === this.state && other.contents === this.contents;
	}

should be

return (
  // $FlowFixMe[prop-missing]
  other.state === this.state && Object.is(other.contents, this.contents)
);

Note

Problems in similar situations

• Use Object.is in useSyncExternalStore preactjs/preact#3776

[SaiUddisa]

any possible fix you suggest , I will solve