import * as React from 'react';

import TurkopticonSettings from '../TurkopticonSettings/TurkopticonSettings';
import AudioSettings from '../AudioSettings/AudioSettings';
import ToggleNoTO from '../TurkopticonSettings/ToggleNoTO';
import BackupUserSettings from '../BackupUserSettings/BackupUserSettings';

const SearchTab: React.SFC<{}> = () => {
  return (
    <>
      <BackupUserSettings />
      <AudioSettings />
      <ToggleNoTO />
      <TurkopticonSettings />
    </>
  );
};

export default SearchTab;

import * as React from 'react';

import TurkopticonSettings from '../TurkopticonSettings/TurkopticonSettings';
import AudioSettings from '../AudioSettings/AudioSettings';
import ToggleNoTO from '../TurkopticonSettings/ToggleNoTO';
import BackupUserSettings from '../BackupUserSettings/BackupUserSettings';

const SearchTab: React.SFC<{}> = () => {
  return (
    <div>
      <BackupUserSettings />
      <AudioSettings />
      <ToggleNoTO />
      <TurkopticonSettings />
    </div>
  );
};

export default SearchTab;

--- 
+++ 
@@ -7,12 +7,12 @@
 
 const SearchTab: React.SFC<{}> = () => {
   return (
-    <div>
+    <>
       <BackupUserSettings />
       <AudioSettings />
       <ToggleNoTO />
       <TurkopticonSettings />
-    </div>
+    </>
   );
 };
 
Return Fragment instead of wrapping <div>
