Skip to content

React blank page when I try to import from another component

The react app was working perfectly until I tried to import AlertDialogSlide from confirmation.js component. There are no errors while compiling but I have a blank page.

import './App.css';
import StarRating from './StarRating';
import StarRating2 from './StarRating2';
import StarRating3 from './StarRating3';
import { TextArea } from 'semantic-ui-react';
import AlertDialogSlide from './confirmation';

function App() {
  return (
    <div className="App">
     <img src='solavievelogo.png'></img>
      <h2>Leave a feedback!</h2>
     <p>Please leave a comment about your experience below:</p>
     <TextArea cols="40" rows="5" placeholder=' Type your comment here...' ></TextArea>
    <button class="Button" type="submit" ><span class="Button-inner">SEND FEEDBACK</span> </button>



export default App;


check out your confirmation.js file. Maybe you make some mistake on that. I run this code after commenting confirmation.js file, it’s working properly.

If you still have a problem share your confirmation.js file… we are ready to help 😊