children[0] is not a function

[lake2]

the sample code to reproduce the issue:
https://codesandbox.io/s/wonderful-edison-147v9

What should I do if I want inject one store and use it by context?

[lake2]

Is there anyone can help me? That will be appreciated.

[philmander]

Forgive me, I'm a bit rusty on this. The issue is fixed if you remove <Observer>. I'm not sure if this because of a problem with Observer, the way you're using it or a Preact 10 compatibility issue.

You can do this as an alternative:

const App = observer(() => {
  const store = useStore();
  return (
      <div>{store.a}</div>
  );
});

[lake2]

Thanks! Can useMemo and useCallback work when component is be wrapped ?

[libaoxu]

it because the code have bug where the code location is Observer

origin

export const Observer = observer(({ children }) => children[0]() );

if you only have one child, children is not a array, so fix it by

after

export const Observer = observer(({ children }) => typeof children === "function" ?  children() : children[0]() );

finally that is perfect success