help-threads-react

EduardS – 18-34 Feb 8

EEduardS

2/8/2023

How to solve calling hooks conditionally here? I have this data coming from validateData that returns some data 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;

In return jsx should be someOtherData but yeah its just an example hope its clear enough

UUUnknown User

2/8/2023

4 Messages Not Public

EEduardS

2/8/2023

@alexanderlill I asked the question in react-forum as well and that answer helped me. https://discord.com/channels/102860784329052160/1072888209383637073 Thanks for the other links they have been very informative! @iang unfortunately I cant modify the useCustomHook so the best solution was to wrap it in another component like someone suggested in my other post https://discord.com/channels/102860784329052160/1072888209383637073

UUUnknown User

2/10/2023

3 Messages Not Public

Looking for more? Join the community!

help-threads-react

help-threads-react

Want results from more Discord servers?

Add your server

Recommended Posts

How to avoid calling hook conditionally here?I have this `data` coming from `validateData` that return the `rawData` if valid otherwise `null`. Endo – 07-14 Feb 8Does anyone know how to autoplay video with sound? I know there is a Autoplay policy. but for examp kairu – 14-23 Feb 7I have a section in my code I don't really understand. `function nameOfFunction(a, b = null, c = ✅ – HalcyonXII – 12-44 Feb 4why this returns empty ⛄Snowberb⛄ – 11-53 Feb 2What is it called the date that we use to calculate the time on JS? This description sucks but it wa