question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

triggerSibling Issue

See original GitHub issue

Hi, I’m getting below issue while using triggerSibling can you please help me to sort out this issue issue

This is my sample code using

<Collapsible
  tabIndex={list.group_id}
  triggerSibling={
    <div>
      <span className="col-sm-3">{list.group_name}</span>
      <div id="buttons" className="col-sm-3 Collapsible__trigger-sibling">
        <button
          type="button"
          data-toggle="modal"
          data-target="#addRequirementModal"
          onClick={() => this.addRequirement(list.group_id)}
        >
          <MaterialIcon icon="add" size={14} />
        </button>
        <Link
          to={`/requirement/${list.group_id}`}
          id={list.group_id}
          style={{ color: 'white' }}
        >
          <MaterialIcon icon="visibility" size={14} />
        </Link>
        <button
          type="button"
          value={list.group_id}
          onClick={() => this.getGroupDetails(list.group_id)}
          data-toggle="modal"
          data-target="#editModal"
        >
          <MaterialIcon icon="edit" size={14} />
        </button>
        <button
          type="button"
          value={list.group_id}
          onClick={() => this.deleteGroup(list.group_id)}
        >
          <MaterialIcon icon="delete" size={14} />
        </button>
      </div>
    </div>
  }
  key={list.group_id}
/>

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
manchaarycommented, Sep 19, 2019

@karltaylor here is there error i see (version 2.6.0)

No overload matches this call.
  Overload 1 of 2, '(props: Readonly<CollapsibleProps>): Collapsible', gave the following error.
    Type '() => Element' is missing the following properties from type 'ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)>': type, props, key
  Overload 2 of 2, '(props: CollapsibleProps, context?: any): Collapsible', gave the following error.
    Type '() => Element' is not assignable to type 'ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)>'.  TS2769

    126 | 
    127 |   return (
  > 128 |     <Collapsible tabIndex={0} trigger="Im trigger here" triggerSibling={() => <div>Hello</div>}>
0reactions
ReidBraswellcommented, Nov 16, 2018

I’m having the same issue as well. Doesn’t look like the original issue creator ever responded. @karltaylor was the proposed fix ever implemented? It doesn’t appear to have been. Thanks for your help!

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Collapsible triggerSibling property gives invalid ...
React Collapsible triggerSibling property gives invalid element type error ... I have created this example webpart that shows the issue.
Read more >
How can I create an automation to link child issue...
I have an epic and I will manually link this epic with an issue „XYZ“. ... Action: add a specific comment (or other...
Read more >
react-collapsible - npm
React component to wrap content in Collapsible element with trigger to open and close.. Latest version: 2.10.0, last published: 5 months ago ...
Read more >
Unequal inheritance can work, or it can destroy relationships
But unequal inheritances can trigger sibling fighting after a parent dies. ... reach decisions on inheritance, caregiving, and other aging-related issues.
Read more >
Join the Human Race - Psychological Healing Center
Problems are created, dismantled and reintegrated. ... can re-trigger feelings about our mothers and fathers, and co-workers can re-trigger sibling rivalry.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found