EduardS
EduardS2y ago

How to avoid calling hook conditionally here?

I have this data coming from validateData that return the rawData if valid otherwise null. I then check if data exists and return early otherwise. After that I use useCustomHook that depends on that data but because I returned early I get a warning that hook is called conditionally. How can I avoid this issue?
const MyComponent: FC<Props> = ({ rawData }) => {
const data = validateData(rawData);
if (!data) return null;

const someOtherData = useCustomHook(data.something);

return <div>{data.something}</div>;
};

export default MyComponent;
const MyComponent: FC<Props> = ({ rawData }) => {
const data = validateData(rawData);
if (!data) return null;

const someOtherData = useCustomHook(data.something);

return <div>{data.something}</div>;
};

export default MyComponent;
Solution:
Message Not Public
Sign In & Join Server To View
Jump to solution
1 Reply
Solution
Unknown User
Unknown User2y ago
Message Not Public
Sign In & Join Server To View