feat: add storybook

[ddecrulle]

No description provided.

[garronej]

Thank you for the PR!

Please fix this it's an actual bug, not a matter of coding style and consistency. A render function (a function that returns a JSX Element) isn't equivelent to a react component.

Please fix the build as well.

Next time be sure to only tag me for review when everything is green.

Looking good non the less.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[ddecrulle]

Thank you for the PR!

Please fix this it's an actual bug, not a matter of coding style and consistency. A render function (a function that returns a JSX Element) isn't equivelent to a react component.

Please fix the build as well.

Next time be sure to only tag me for review when everything is green.

Looking good non the less.

This is not really a bug as you can see here : storybookjs/storybook#21115

By the way the hooks is not really necessary so I removed.

[garronej]

This is not really a bug as you can see here : storybookjs/storybook#21115

It's a bug.
When an API expect a function render or named otherwise but without upper case there's no implicit guarenty that this function will be used as a React component.
Maybe it is in this specific instance but it's generally not the case.

This for example works as expected. We're not breaking any rule:
https://stackblitz.com/edit/vitejs-vite-qvvrir?file=src%2FApp.tsx

This on the other end dosen't:
https://stackblitz.com/edit/vitejs-vite-hij9ml?file=src%2FApp.tsx

No asumption can be made on how the render() function will be used internally by storybook.

In the case of storybook, they are just discussing a way to make ESLint happy without addressing the root cause of the issue.
They should have called the render function Render pass it props and not multiple arguments and use it as a React component.
It's a design mistake on their end that cannot easily be solved.
On our end we should respect the rules of react and declare a proper component when we need one like: