I have created five story files using react storybook and they all displayed in the storybook. But after the fifth one i have created another three story files but any of them didn't display and each time i created this files above error occured. After i refresh my brower this error disapper and my previous five stories showing again. Why is this happening, Why my new stories doesn't display? How can i fix this?

This is the first story file where the error occurred.

import React from 'react';

import MyInput from '../components/MyInput';

export default {
    component: MyInput,
    title: 'Components/MyInput',
};

const Template = args => <MyInput {...args} />;

export const Primary = Template.bind({});
Primary.args = {
    id: "test",
    name: "test",
    type: text,
    value: "",
    onChange: {},
};

export const icon = Template.bind({});
icon.args = {
    id: "test",
    name: "test",
    type: text,
    value: "",
    onChange: {},
    icon: "search",
    iconPosition: "left"
};

and this is the relavent component

import React, { memo } from 'react';
import { Input } from 'semantic-ui-react';

function MyInput({ id, name, type, value, onEncyteInputChange, icon, iconPosition }) {
  return (
    <Input
      id={id}
      name={name}
      type={type}
      value={value}
      onChange={onMyInputChange}
      icon={icon}
      iconPosition={iconPosition} />
  );
}

MyInput.propTypes = {};
export default memo(MyInput);

Thanks in advence