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.

SortableTreeWithoutDndContext renders nothing.

See original GitHub issue

Bug

Sample Code Block:

export default class App extends React.Component {
  render() {
    return (
      <div className="tree-wrapper">
        <SortableTree
          treeData={[
            {
              title: "`title`",
              subtitle: "`subtitle`",
              expanded: true,
              children: []
            }
          ]}
        />
      </div>
    );
  }
}

The above codeblock works when the default SortableTree is imported

import SortableTree from "react-sortable-tree";

But renders nothing when SortableTreeWithoutDndContext is used

import { SortableTreeWithoutDndContext as SortableTree } from "react-sortable-tree";

Codesandbox: https://codesandbox.io/s/4zv8yv6v6w

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:5
  • Comments:9

github_iconTop GitHub Comments

1reaction
fast0490fcommented, Feb 13, 2020

@MoMoWongHK Hi, use react-dnd@9.5.1

0reactions
MoMoWongHKcommented, Dec 13, 2019

any update for this problem?

Read more comments on GitHub >

github_iconTop Results From Across the Web

react-sortable-tree: code doesn't display anything
I'm working with reactjs 17 but I don't know why this code doesn't display anything. import React, { Component } from 'react'; ...
Read more >
react-sortable-tree-patch-react-17 - npm
Used by the searchMethod to highlight and scroll to matched nodes. Should be a string for the default searchMethod , but can be...
Read more >
Pearson-react-sortable-tree NPM
Override the default component for rendering nodes (but keep the scaffolding generator) This is an advanced option for complete customization of the appearance....
Read more >
How to stop re-rendering lists in React? - Alex Sidorenko
I only want to update one component in the list, but all of them re-render.
Read more >
Drag-and-drop Sortable Component for Nested Data ... - Morioh
... context as a named export. eg import { SortableTreeWithoutDndContext as SortableTree } ... a JavaScript library that can upload anything you throw...
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