[Bug] useAtom(atom) does not re-render when the input atom changes.

Issue updated in https://github.com/pmndrs/jotai/issues/273#issuecomment-765399339

Item Component won’t re-render when id changes.

import * as React from "react";
import { atomFamily } from "jotai/utils";
import { useAtom } from "jotai";

const todoFamily = atomFamily<number, any>((id) => ({
  id
}));
const Item: React.FC<{ id: number }> = ({ id }) => {
  const todo = useAtom(todoFamily(id));
  return <h1>{JSON.stringify(todo)}</h1>;
};

export default function App() {
  const [a, setA] = React.useState(1);
  return (
    <div className="App">
      <button onClick={() => setA((a) => a + 1)}>+</button>
      <button onClick={() => setA((a) => a - 1)}>-</button>
      <Item id={a} />
    </div>
  );
}

Sandbox Example https://codesandbox.io/s/keen-haslett-cnjz9

any thought?

[kueychuj]

what’s the definition of todofamily? I think that might give it away 😃

So fast. :p

Thanks for quick response. I have just created a minified example on this. https://codesandbox.io/s/keen-haslett-cnjz9

[merisbahti]

what’s the definition of todofamily? I think that might give it away 😃