Can I set the default value of a Recoil atom to be an object?

e.g.:

export const currentUserState = atom({
  key: 'currentUserState',
  default: { name: '', email: '', userId: null },
});

And then set it with:

import { currentUserState } from '../atoms/atoms';

const setUserState = useSetRecoilState(currentUserState);
setUserState(name: 'John', email: '[email protected]', userId: getRand());

Can I set the default value of a Recoil atom to be an object?

e.g.:

export const currentUserState = atom({
  key: 'currentUserState',
  default: { name: '', email: '', userId: null },
});

And then set it with:

import { currentUserState } from '../atoms/atoms';

const setUserState = useSetRecoilState(currentUserState);
setUserState(name: 'John', email: '[email protected]', userId: getRand());

• javascript
• reactjs
• recoiljs

Share Improve this question Follow edited Jul 24, 2021 at 20:47 Yoav Kadosh 5,17544 gold badges4343 silver badges5858 bronze badges asked Oct 17, 2020 at 19:44 Kirk RossKirk Ross 7,1631515 gold badges6767 silver badges125125 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Yes, It is allowed. Recoil atom state can be an object. You have initialized the atom correctly, but when you set the atom you have to pass an object since the state is object.

Initialize the currentUserState atom

export const currentUserState = atom({
  key: 'currentUserState',
  default: {name: '', email: '', userId: null}
});

and then set the atom state as follows

import {currentUserState} from '../recoilstate/atoms';

const setUserState = useSetRecoilState(currentUserState);

setUserState({
  name: 'John', 
  email: '[email protected]', 
  userId: getRand()
});

Yes, a Recoil atom can be an object.

I have written this code, which you can see below in the working demo.

 const changeValue = () => {
    setUserState({ name: "John", email: "[email protected]", userId: Math.random() });
  };

Working Demo