Storybook Preview API hooks

[adam-sajko]

Summary

I'm trying to understand the purpose of the fake Storybook React hooks provided by @storybook/preview-api.

From the source code, I see examples where they are mainly used for decorators. But what about custom render functions for stories? Is there any difference between React and Storybook hooks in that case?

import { useEffect } from 'react';

export const Default: Story = {
  render: () => {
    useEffect(() => {
      // do something here
    }, []);

    return <MyComponent />;
  },
};

import { useEffect } from '@storybook/preview-api';

export const Default: Story = {
  render: () => {
    useEffect(() => {
      // do something here
    }, []);

    return <MyComponent />;
  },
};

Additional information

No response

Create a reproduction

No response