DEV Community

Alex
Alex

Posted on

Use react hook in HOC with passed params

I am trying to create HOC and use custom react hook inside. Also in order to use hook I need to pass paras to HOC, but I get error for use hook only in function body. My HOC is:

export const withUseAxisTranslate = (props) => {
  const [t] = useAxisTranslate(props.namespace);
  return (WrappedComponent) => (moreProps) => <WrappedComponent {...moreProps} t={t} />;
};

My call to it is:

compose(
  withWidth(),
  withUseAxisTranslate({ namespace: 'header' }),
)(MyComponent);

The error I got is:

Error: Invalid hook call. Hooks can only be called inside of the body of a function component

I have no idea why I get this error since I do not use classes here
Thanks for help

Top comments (0)