Issue facing with storybook for React Please guide me

i am new to React and facing this issue with storybook please help.

import React from 'react'
import Suc  from '../Input/Input'
import Success from '../Button/Button'


export default {
    title: "Form/Form",
    component: Success


};

export const SuccessForm = () => {
    <>
    <Suc />
    <Success />
    </> 
}

unboundStoryFn(…): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

screenshot Attached.

https://i.stack.imgur.com/4H6gP.png

https://i.stack.imgur.com/QIJTO.png

37 thoughts on “Issue facing with storybook for React Please guide me”

  1. export const SuccessForm = () => {
        <>
        <Suc />
        <Success />
        </> 
    }
    

    should be

    export const SuccessForm = () => {
        return(
            export const SuccessForm = () => {
            <>
            <Suc />
            <Success />
            </> 
        })
    }
    

    let me know if it fixed.

    Reply

Leave a Comment