Comments (4)
i think your data might be an object, supposedly either sourceVersion or newVersion,
Which should have been string , mind checking these values or sharing them ?
from react-diff-viewer-continued.
@ObaidAshiq I have updated it to remove the curly braces, but it still doesn't work
import ReactDiffViewer from "react-diff-viewer-continued";
export const DiffExpandView = () => {
return (
<>
<ReactDiffViewer
oldValue="source Version" <-- removed curly braces
newValue="new Version" <-- removed curly braces
splitView={true}
// linesOffset={5}
/>
</>
);
}
from react-diff-viewer-continued.
I assume it has something to do with SSR somehow, but not quite sure what that would be. I'll have to boot it in a Remix app to see what effect it has.
from react-diff-viewer-continued.
This also happens with a basic InertiaJS + Vite using SSR https://inertia-rails.netlify.app/guide/. The component fails during SSR, and then renders correctly on the client.
Pretty tired at the moment to create a basic reproduction app, but hoping to do one soon.
from react-diff-viewer-continued.
Related Issues (20)
- diff not on a same line HOT 2
- Option for case-insensitive diff ?
- Set oldValue to "\n\n", newValue to "", and the component will display as blank. HOT 1
- Diffs in sidebar
- Setting extraLinesSurroundingDiff to 0 hides the top skipped lines indicator HOT 3
- renderContent is not able to handle the markdown based content HOT 2
- Getting error 'Module not found: Error: Can't resolve +'react-diff-viewer-continued' ' after updating to 3.3.0 HOT 4
- Question: is it possible to limit lines? HOT 2
- npm ERR! 502 Bad Gateway - GET https://registry.npm.cmdjs.org/@emotion%2fcache HOT 2
- Version 4.0.0 Cannot find module 'react-diff-viewer-continued' HOT 2
- suggestion: show a screen shot in the readme HOT 3
- V3.3.1 cannot be used HOT 2
- Add handling of big texts HOT 4
- Default import is not the default export when using ESM HOT 1
- Suggestion: Having the option to use custom compare methods HOT 3
- Bug- prism fails if the text in a code is empty line
- Discussion- Is it possible to compare more than 2 variables ? HOT 2
- Package styles are not loading after applying CSP
- `undefined` line prefix when onLineNumberClick called on inline view added line
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-diff-viewer-continued.